Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2014 at 5:37 pm #356264
    aymanati

    Hi,

    Is there a way to add mask color or pattern over the video in the slideshow? The idea is to change the opacity of the video.

    Thanks

    November 24, 2014 at 5:15 pm #356958
    Elliott

    Hi aymanati!

    Are you using the LayerSlider? If so then you would just add a layer on top of your video and add a transparent image to it or use some HTML like so.

    <div style = "background: rgba(0,0,0,0.5);width:100%;height:100%;left:0px;top:0px;"></div>

    Best regards,
    Elliott

    November 25, 2014 at 6:34 pm #357765
    aymanati

    I’m using Fullwidth slider, and sometimes video background in the color section. Is there any way to do it there?

    November 27, 2014 at 4:28 am #358809
    Andy

    Hi!

    You need to add a slideshow background image (scroll down while editing your full width slideshow in avia layout builder). After you set the background image, add this to quick CSS:

    #top .av-video-slide, #top .av-video-slide .avia-slide-wrap {
opacity: 0.8;
}

    For better support please provide us a link to your website.

    Regards,
    Andy

    • This reply was modified 10 years ago by Andy.
    November 28, 2014 at 1:18 am #359308
    aymanati

    Hmmm. I used the video as background in Color Section. The image background there wouldn’t mask the video.

    November 28, 2014 at 8:07 am #359434
    Ismael

    Hi!

    You can create a color section, add the id video-overlay. Use this on Quick CSS:

    #video-overlay:before {
content: '';
display: block;
width: 100%;
min-height: 1000px;
background: rgba(255,255,255,.7);
z-index: 2;
position: absolute;
}

#video-overlay {
overflow: hidden;
}

#video-overlay > * {
z-index: 3;
}

    Best regards,
    Ismael

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