Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 11, 2014 at 10:54 am #334265
    melangeur

    I there,
    In a color section, I added a video in the background. How then added an overlay on the video?
    I found some tips on the forum, but nothing works

    thank’s for your help.

    Stef’

    October 13, 2014 at 1:15 pm #334852
    Ismael

    Hey melangeur!

    Thank you for using Enfold.

    Please edit the color section then look for the For Developers: Section ID field. Use “overlay-section” for example. Add this on Quick CSS or custom.css:

    #overlay-section{
overflow: hidden;	
}

#overlay-section> * {
z-index: 300;
}

#overlay-section:before {
content: '';
display: block;
background: red;
height: 1000px;
position: absolute;
z-index: 200;
width: 100%;
bottom: 0;
}

    You can adjust the background to background-image and adjust the height depending on the content.

    Best regards,
    Ismael

    October 22, 2014 at 6:47 pm #339662
    melangeur

    Hi Ismael,
    Sorry for the delay.
    This tips work’s well :)

    Many thank’s.

    Stef’.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Video background overlay’ is closed to new replies.