Support » Plugin: Complianz - GDPR/CCPA Cookie Consent » Openstreetmap and css transparency

  • Resolved marties

    (@marties)


    Hello,
    on the page where i embeded an openstreetmap the map appears with an opacity of 0.2 (so barely readable) before and after accepting the cookies, the rule involved in the generated code is:

    .lazy-hidden, .entry img.lazy-hidden, img.thumbnail.lazy-hidden {
        opacity: .2;
        background-color: #fff;
    }

    i looked but didn’t notice any changes in the class definitions before and after acknowledgement, so i ended up with a ‘nuclear hack’ that i don’t like much, kinda work as at first there is instead of the map a white box underneath the Accept marketing cookies text and when the cookies are accepted we can at last see the map.

    #framemap {
        opacity: 1;
    } 

    Second thoughts, i added this code to the css settings in complianz and it seems to work well

    .lazy-hidden, .entry img.lazy-hidden, img.thumbnail.lazy-hidden {
        background: none;
    }

    Any advices?

    Thanks

    • This topic was modified 1 year ago by marties.
    • This topic was modified 1 year ago by marties.
    • This topic was modified 1 year ago by marties.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @marties,

    If Complianz manipulates CSS it will be with a prefix, either CC or CMPLZ. Could you post your URL, so we know what the issue is?

    This seems to be something related to lazy-loading of images, and iFrames.

    regards Aert

    Thread Starter marties

    (@marties)

    hi,
    yes i have set up the A3 lazy load plugin.
    Here is the link.

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @marties,

    It’s part of the Fade-in feature from A3 Lazy Load:

    .lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
        opacity: 0.2;
        background-color: #ffffff;
    }
    figure.wp-block-image img.lazy-hidden {
    	min-width: 150px;
    }
    .lazy-loaded {
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 1 !important;
    }
    picture source[type="image/webp"] {
    	display: block;
    }

    Overriding as you did seems to work,

    regards Aert

    Thread Starter marties

    (@marties)

    Thanks for your quick answers, i’m switching to your plugin and appreciate it’s power and personalization.

    Keep up!

    Plugin Contributor Mathieu

    (@paapst)

    Hi @marties Great to hear that your issue is resolved! Could you tell us what you think of the plugin or the support by casting your Review here? We’d love to hear your feedback!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Openstreetmap and css transparency’ is closed to new replies.