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

Openstreetmap and css transparency

  • Resolved marties

    (@marties)


    1 year ago

    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)

    1 year ago

    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)

    1 year ago

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

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    1 year ago

    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)

    1 year ago

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

    Keep up!

    Plugin Contributor Mathieu

    (@paapst)

    1 year ago

    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.

Views