Size of Info Windows on Map

This topic contains 5 replies, has 2 voices, and was last updated by  Paolo 8 years, 7 months ago.

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

Open Support Ticket
  • Author
    Posts
  • #53320

    Frank Zwecker
    Buyer
    Post count: 10

    Hello,

    how can you adjust the size of the info window that opens up when a user clicks on a place-icon of the map?

    Thanks a lot for any help.

    Frank

    (using GD 1.5.2)

    #53348

    Paolo
    Site Admin
    Post count: 31206

    Hello,

    you can do that only with some custom css.

    Let us know how you went.

    Thank you

    #53403

    Frank Zwecker
    Buyer
    Post count: 10

    Hello Paolo,

    thanks a lot for your fast reply.

    Meanwhile I know that this window is called “bubble”, and I found your script that you posted in this forum some months ago in reply to a similar request.

    Please consider making the bubble adjustable in one of the upcoming updates. It seems that there are many users who are interested in this. At the moment the bubble is too small, so there are roll bars in it. Further the headline in the bubble is not very well readable because of the shadow in the background.

    A manual would be helpful, too.

    Best regards,
    Frank

    #53470

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    The bubble is that narrow to make sure it fits all screens (mobile included), whether the map is widescreen or on a sidebar and no matter how long the address is.

    It is very hard to find a good compromise that will fit for all cases and I can already tell you that if you try to modify it, you will have quite a hard time.

    However from the feedback we received, the vast majority of members are satisfied with it.

    We already provide a quick tutorial to get started with CSS. https://wpgeodirectory.com/docs/customizing-your-style/

    However we can’t make a manual specific on how to edit the CSS for the Map bubble. Anyone with minimal CSS skills can do this.

    To change the Title color add this to GeoDirectory >> Design >> Scripts >> CSS

    
    
    .geodir-bubble_desc h4 {
        color: #fff;
    }
    

    This will make it white. Here you find all Hex color codes used by css: http://www.color-hex.com/

    If you don’t feel comfortable editing styles, you should hire a developer to assist you.

    Thank you

    #53539

    Frank Zwecker
    Buyer
    Post count: 10

    Hi Paolo,

    thank you very much for your terrific support here in this forum!

    Frank

    #53575

    Paolo
    Site Admin
    Post count: 31206
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)

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

Open Support Ticket