Map Icon Popup Styling Issue

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

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

Open Support Ticket
  • Author
    Posts
  • #62451

    Trex888
    Expired Member
    Post count: 101

    Hi,

    I’m using the Multinews theme and having an issue with the styling of the map marker popups. When you click on a map icon, a popup displays showing an image, some info and then along the bottom, stars for a review, comments and favorites. Compared to the Geodirectory demo, mine looks quite different. I’ve attached 2 images, one of the Geodirectory demo, the other of mine. Note the image size is smaller on mine and pushed to the left and the bottom review section has a strange grey bar over it and an arrow on the bottom left corner. What can I add to my Custom CSS in order to have my Multinews theme display this popup the way it was it’s supposed to?

    Thanks for any help with this,

    T

    #62477

    Paolo
    Site Admin
    Post count: 31206

    Link pls?

    Thx

    #62484

    Trex888
    Expired Member
    Post count: 101
    This reply has been marked as private.
    #62495

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I can’t find the problem, I’ve asked to the developers to have a look and let us know.

    Thanks for your patience,

    #62538

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    Hi,

    The multinews theme seems to have a css rule that deliberately overrides our width value for the popup content, i have added a fix in youd GD code snippets but this is a bit worrying, i will try to reachout to the developers to ask why.

    You might still see a scroll bar in the map popup window, this will be fixed in the next release, the css file i need to edit cant be seen from the wp editor.

    Thanks,

    Stiofan

    #62593

    Trex888
    Expired Member
    Post count: 101

    Thanks Stiofan, it looks much better. I can wait for the next release to get the scroll bar issue resolved.

    Thanks again,

    T

    #65289

    ridgebackbg
    Expired Member
    Post count: 95

    Hi!
    I have the same issue here
    May you, please, send the appropriate code to me as well
    Thanks!
    Alex

    #65292

    Trex888
    Expired Member
    Post count: 101

    Add this to your Custom CSS:

    
    
    .geodir-bubble_desc {
        overflow: hidden;
    }
    
    .geodir-bubble-meta-side {
        margin-top: 0;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .geodir-bubble-meta-bottom {
        bottom: 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #65293

    ridgebackbg
    Expired Member
    Post count: 95

    Thanks, T!
    That doesn’t seem to work for me.
    There are also other compatibility issues, so I’ll start another tread, when the list is ready
    Happy holidays!

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