Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1219479

    Hi there!

    On the site I am working on, there are a couple of Vimeo videos I’ve embedded (using the Media element: Video) which are displaying strange black lines on the bottom and sides of the videos as the page changes sizes. Depending on the size of the page, they vary on which videos and which sides they appear on. Is there any way I can use CSS to force this to not happen, or something I can check off on the element/grid row that will force it to stop doing that?

    Thank you!

    #1219793

    Hey teamvelocitymarketing,

    I see some black lines as well but only after manually adjusting the site of the browser, which is a very unlikely user scenario. Does it ever happen on first load, or only after resizing?

    Best regards,
    Rikard

    #1219964

    For some users it is happening on first load, yes. It becomes more obvious when resizing the page manually, but sometimes upon first load a line will appear on one of the three videos (usually the middle one).

    #1222416

    Hi,
    Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia-video, .avia-video iframe, .avia-video video {
        background-color: #fff !important;
    }

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    #1223177

    That worked. Thank you SO much!

    #1223294

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.