Popup not showing (except for close x)

  • Resolved In Touch Consulting

    (@intercommsa)


    8 months, 2 weeks ago

    The map and markers are showing perfectly.

    However the popup is either behind other elements, or not showing. It doesn’t work on chome or Firefox. The animation and the X close button are visible, and it appears in the HTML.

    My page builder theme is Colibri, and it often causes issues so I’m sure this isn’t your plugin. But I really want to use this specific theme so I have kept it here. I tried fiddling with the CSS (opacity, z-index, background etc), but couldn’t find the specific problem.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter In Touch Consulting

    (@intercommsa)

    I tested it on a page, and it works perfectly – it looks amazing! But I would love to get the items to show in a post if someone can identify the issue!

    Plugin Author 100plugins

    (@100plugins)

    Hi @intercommsa,

    Unfortunately, your theme is really messing things up here. You can try to remove these style settings from your theme:

    [class*=style-], [class*=local-style-], .h-global-transition, .h-global-transition-all, .h-global-transition-all * {
        transition-duration: 0.5s;
    }

    and this one:

    .colibri-post-content * {
        text-align: initial;
        font-family: inherit;
        max-width: 100%; 
    }

    Alternatively you can try to override them with custom css:


    .open-user-map .box-wrap .map-wrap .leaflet-map .leaflet-marker-icon:not(.marker-cluster) {
        transition: all 0.1s ease;
    }

    .open-user-map .box-wrap .map-wrap .leaflet-map .leaflet-popup {
        max-width: none;
    }

    Best regards,
    Daniel

    Thread Starter In Touch Consulting

    (@intercommsa)

    Thank you Daniel, the CSS worked perfectly!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Popup not showing (except for close x)’ is closed to new replies.