Increasing the Map Bubble Size

This topic contains 6 replies, has 4 voices, and was last updated by  directory 10 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #13230

    directory
    Expired Member
    Post count: 1502

    I am using the default GDF child theme. How can I increase the map marker bubble size similar to the Modern Theme?

    Thank you in advance for your help.

    #13240

    Paolo
    Site Admin
    Post count: 31206

    by tweaking css.

    You could take the css code directly from the modern theme css…

    I’ve asked john if he can share more info about it.

    Thx

    #13242

    directory
    Expired Member
    Post count: 1502

    Thanks, Paolo. I will wait for John’s help. 🙂

    #13244

    John Allsopp
    Expired Member
    Post count: 399

    I didn’t make any changes to the pop-up bubble on the map markers – is that what you mean?

    #13245

    directory
    Expired Member
    Post count: 1502

    Thank you, John.

    For some reason, the marker bubbles on my site are too small.

    #13255

    purpleedge
    Expired Member
    Post count: 539

    I’m not 100% happy with this result, so if you can share something better I would be interested in your results…

    
    
    /* pop-up bubble width --------------------------------------------------------*/
    .gm-style-iw .bubble {
        width: 260px;
    }
    
    .gm-style-iw .bubble .geodir-bubble_desc {
        width: 90%;
    }
    
    .geodir-bubble_desc .geodir-bubble-meta-side {
        display: inline;
        vertical-align: top;
    }
    
    .geodir-bubble_desc .geodir-bubble_image {
        box-sizing: border-box;
        width: 100%;
        position: relative;
        display: block;
        float: left;
        margin-right: 5px;
    }
    
    /* Address display in bubble */
    .geodir-bubble_desc .geodir-bubble-meta-side span.geodir_address{
        margin: 0px;
        width: 100%;
    }
    
    .geodir-bubble_desc .geodir-bubble-meta-side span.geodir_timing
    {
        display: block;
        float: left;
    }
    
    .geodir-bubble_desc .geodir-bubble-meta-bottom {
        font-size: 18px;
        padding-top: 5px;
        border-top: 1px solid #CCC;
        width: 90%;
        margin-top: 2px;
        min-width: 180px;
        float: left;
    }
    #13305

    directory
    Expired Member
    Post count: 1502

    Thank you, purpleedge. I will try it and explore other options as well. I will share it if I end up having something better.:)

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