Image Overlay has different size

  • Resolved fancyant

    (@fancyant)


    3 years, 6 months ago

    Dear Aert,

    When putting in an overlay image for a Vimeo video in Elementor, the image is not displayed in its original size (when the cookies have not been consented yet). As a result, on both sides, right and left, there’s something missing. After accepting the cookies, the video/image jumps back to its real size.

    Any idea, what I can do that the overlay image will be displayed “fully”?

    Thanks again for your help!

    Kind regards

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Aert

    (@aahulsebos)

    3 years, 6 months ago

    Hi @fancyant,

    Do you mean our placeholder, or the standard Elementor overlay?

    I would like to have a look, but the URL doesnt’ work. Is this correct?

    regards Aert

    Thread Starter fancyant

    (@fancyant)

    3 years, 6 months ago

    And I mean the standard Elementor overlay image. Maybe this isn’t something related to Complianz?

    And, sorry, mistake on my part. This is the url:

    http://www.yovida-agentur.de

    • This reply was modified 3 years, 6 months ago by fancyant.
    Plugin Author Aert

    (@aahulsebos)

    3 years, 6 months ago

    Hi @fancyant,

    You could use some CSS

    .cmplz-placeholder-1,
.cmplz-placeholder-2,
.cmplz-placeholder-3,
.cmplz-placeholder-4,
.cmplz-placeholder-5 {
    height: inherit;
}

    You can add placeholders if needed. This should work,

    regards Aert

    • This reply was modified 3 years, 6 months ago by Aert.
    • This reply was modified 3 years, 6 months ago by Aert.
    • This reply was modified 3 years, 6 months ago by Aert.
    Thread Starter fancyant

    (@fancyant)

    3 years, 6 months ago

    Hi Aert,

    Thank you! Sorry if this is a very clueless question, but do I have to change the placeholder number or ID? And if yes, how do I find these?

    Just adding this to the CSS didn’t change anything, unfortunately. I also tried just adding a line of CSS to the individual video element, but with no results, either.

    We’ve tried a work-around by changing the overlay image.

    Kind regards

    Plugin Author Aert

    (@aahulsebos)

    3 years, 6 months ago

    Hi @fancyant,

    I used this CSS in Chrome and it seemed to work. (See screenshot).

    You could try adding it to the general CSS, under Appearance – Customisation – Additional CSS. If you will add videos later you can add .cmplz-placeholder-6 etc to this CSS

    Or brute force with:

    .cmplz-placeholder-1,
.cmplz-placeholder-2,
.cmplz-placeholder-3,
.cmplz-placeholder-4,
.cmplz-placeholder-5 {
    height: inherit!important;
}
    Thread Starter fancyant

    (@fancyant)

    3 years, 6 months ago

    Dear @aahulsebos,
    Thank you, that did the trick 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Image Overlay has different size’ is closed to new replies.