Wrap Text in Map Bubble

This topic contains 4 replies, has 2 voices, and was last updated by  DC 7 years, 3 months ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • #393710

    DC
    Lifetime Member
    Post count: 65

    Good Morning
    Occasionally in the map hover bubble, the end of the text is missing. Please see the attached example. Is it possible to either wrap the text onto a 2nd line or resize it to fit? I already use the following custom css for the map bubble:

    .geodir-loc-bar .geodir-loc-bar-in {
    top: -0px;
    }
    .geodir-loc-bar-in {
    background: transparent;
    border: 0px transparent;
    padding: 0px;
    }
    .geodir-bubble_desc h4 a {
    color: #fff!important;
    }
    .geodir_more_info.geodir_get_directions a {
    text-decoration: underline!important;
    }
    .geodir_more_info.geodir_contact a {
    text-decoration: underline!important;
    }
    /* Stop the image hiding the some of the address on the map hover*/
    .geodir-bubble-meta-side {
    margin-top: 0;
    }

    #393726

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    Do you mind sharing the URL of the site in question so we can take a look? You can use the private reply option below.

    Thanks!

    #393729

    DC
    Lifetime Member
    Post count: 65

    Hi Kor
    The site is http://www.attractionsnearme.co.uk you will find the Geo Directory map located part way down the Homepage.
    Regards Dan

    #393796

    Kor
    Moderator
    Post count: 16516

    Hi Dan,

    Try using the custom CSS code below and see if it works?

    
    
    .geodir-bubble_desc h4 {
        white-space: normal!important;
    }

    Thanks!

    #393831

    DC
    Lifetime Member
    Post count: 65

    Hi Kor
    That worked perfect.
    Many Thanks Dan

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