Customizing the map bubble

This topic contains 8 replies, has 5 voices, and was last updated by  Helen 4 years, 11 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #540329

    Helen
    Free User
    Post count: 4

    How can I:

    1. Remove the words “Place Title” and “Address” (and icons) from the map bubble
    2. Remove ratings and the like function
    3. Change the padding around the text box
    4. Change the background color of the text box
    5. Change the font size, font color, and line height for the address
    6. Have the address go on all one line, and remove the country and zip code
    7. Add another field of my choice to the map bubble below the address
    8. Change the font size, color, and shadow for the Place Title that appears over the photo

    Many thanks!

    #540341

    Kor
    Moderator
    Post count: 16516

    hi Helen,

    Thanks for your post. Most of your listed requirements can be done via custom CSS as explained here. https://wpgeodirectory.com/docs/customizing-your-style/ . Kindly give it a try and let us know how it goes.

    #540359

    Frank
    Expired Member
    Post count: 27

    Well, I have the same questions, could you please give examples to answer Helens (and mine) questions?

    #540364

    Kor
    Moderator
    Post count: 16516

    Hi Frank,

    Have you tried the customization method from that article and see if it helps? If not, kindly open a new topic and tell me what you’ve done and I’ll point you the right direction.

    #540365

    Kor
    Moderator
    Post count: 16516

    Some points I’d like to share.

    1 and 7. You can configure the show in extra output location as explained here. https://wpgeodirectory.com/docs-v2/geodirectory/personalize/#show

    2,3,4,5,6,8. You can use CSS customization from this article https://wpgeodirectory.com/docs/customizing-your-style/

    #540428

    Nick
    Expired Member
    Post count: 2

    We will ever be able to edit the Map Bubble via Elementor?

    #540430

    Helen
    Free User
    Post count: 4

    >1 and 7. You can configure the show in extra output location as explained here. >https://wpgeodirectory.com/docs-v2/geodirectory/personalize/#show

    I do understand how to remove “extra output locations” for a field… but actually I just want to remove the words “Place Title” and “Address” (the field labels), not the fields themselves. I am still reading/researching how to do this via css. I think I may have too much to learn to use this plugin, unfortunately!

    #540443

    Alex Rollin
    Moderator
    Post count: 27815

    See this doc for some CSS examples: https://wpgeodirectory.com/docs-v2/templates/map-bubble/

    #540487

    Helen
    Free User
    Post count: 4

    Yes, I had found that last page after my last comment and used it to successfully remove field labels on the map bubble!

    Unfortunately, the following CSS code to remove icons that was suggested didn’t work for me.

    .gd-bubble .geodir_post_meta.geodir-field-post_title .geodir_post_meta_icon.geodir-i-text {
    display: none;
    }

    But this code worked to remove the icons:

    .geodir-company_info i, .geodir_post_meta i, .geodir-company_info .svg-inline–fa, .geodir_post_meta .svg-inline–fa {
    display: none;
    }

    I have no idea what any of that means, just used inspect to find it. (Also, the links in the map bubble to the detail pages for each place are now giving me 404 errors for some reason! Oh well.)

    I am debating trying the third chunk of code on that link, which involved editing the map bubble’s php file in order to customize the way the address field looks. But the larger issue is that I am trying to find a solution that I will use to build multiple directory sites…and I don’t think is safe/smart/viable to do a ton of random tweaking like that that may break all at once on those multiple sites (when another version of GeoDirectory comes out, or I do something stupid that collides with another plugin, for example). Seems risky to me. But again, I know enough just to know that I don’t know enough!!

    Thank you so much for all of your time and your quick responses. I will spend the next day or so figuring out whether I can make this work.

Viewing 9 posts - 1 through 9 (of 9 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount