Tagged: grid, video background, vimeo
Hi,
I’ve bought Enfold for another client and I would like to add a (dotted) grid over an video background.
For example, like on this page: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/
That there comes an (repeating) image overlay over the ‘splash video’ av_section_5.
If not possible, an overlay for all video backgrounds is fine as well.
I’ve already searched for it and found some support topics about this subject, but they didn’t work for me. Maybe because some parts changed in the lasts updates.
Thank you!
Hey Trender!
This will do it (change av_section_5 by your color section ID):
#av_section_5:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: url(_GRID_PNG_IMAGE_URL_HERE_) repeat transparent;
z-index: 10;
position: absolute;
top: 0;
}
Result:
Best regards,
Josue
Hi Josue,
Thank you for the quick reply! These custom css codes work, only it’s placed over all the content. So with a smaller pattern/dots, the text will also be difficult to read. Also, the buttons a.o. won’t work anymore.
Kind regards,
Maarten
Can you post the page where you are trying this?
Regards,
Josue
Add this too:
#homepage-video .container {
position: relative;
z-index: 20;
}
That works perfectly! Thank you Josue for the great and swift support!
You are welcome, always glad to help :)
Regards,
Josue