Bubble Description Issues

This topic contains 4 replies, has 4 voices, and was last updated by  Stiofan O’Connor 7 years, 8 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #366675

    Kelly Claverie
    Expired Member
    Post count: 17

    Greetings-
    I am having issues with my Description Bubble on Maps.
    Few things:
    The alignment of the image is off to the right.
    I have tried to adjust the Gradient behind the Title from Black to white with Custom CSS, but have not been successful.
    I would like more space between the image and the Address/Details.

    Thanks for your time. Image attached.

    https://girlsguide.us/

    #366677

    Guust
    Moderator
    Post count: 29970

    Try adding this CSS to increase the space between the image and the Address/Details:

    
    
    .geodir-bubble_desc div {
        margin-top: 0px;
    }

    To highlight the title, have a look at https://wpgeodirectory.com/docs/common-styling-examples/#bubble

    I cannot see anywhere where the image is off-center as per your image.

    Thanks

    #366747

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I can see that with Firefox on the home map. If you provide admin credentials in a private reply, we can turn off autoptimize and we’ll be able to provide a fix.

    Let us know,

    Thanks

    p.s. very nice website, I hope you’ll consider showcasing it here once ready: https://wpgeodirectory.com/category/showcase/

    #366899

    Kelly Claverie
    Expired Member
    Post count: 17
    This reply has been marked as private.
    #367009

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi Kelly,

    I added this CSS rule to GD>Design>Scripts>CSS

    
    
    .gm-style-iw{
    text-align: left;
    }

    Thanks,

    Stiofan

Viewing 5 posts - 1 through 5 (of 5 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