Hey Everyone, it looks like Squarespace has updated their code, so be sure to use the updated CSS on my Website.
Want more tutorials? Sign up for my newsletter:
https://www.will-myers.com/newsletter
Code Here:
https://www.will-myers.com/articles/background-video-overlay-opacity-in-squarespace-71
Background images and videos are a necessity for modern websites. The problem with them thought, is that it’s sometimes difficult to read any text that is on top of them. In order to solve this problem, you’ll want to add an overlay between the image and the text. In this tutorial, I’ll go over a quick and easy solution to this.
If you add this to your website, add a link to your work in the comments section. I love looking at how other people customize this code for themselves.
==========
Enhance your website – Shop the Plugin Store
https://www.will-myers.com/products
Grow Your Skillset – Learn CSS for Squarespace Course
https://www.will-myers.com/learn-css-in-squarespace