Add an Overlay to One Page on Squarespace
Overlays are a great way to help text stand out from a background image or video. Squarespace has an overlay option in the Site Styles that allow you to choose an overlay that is placed on every index page with a banner image.
However, there may be times that you only want an overlay on a specific page of your Squarespace Website.
In this video, I show you how to use Custom CSS to accomplish this. No coding experience required. All of the code used in the video is provided below.
The following code is used in the video.
#page-name { background-color: hsla(0, 0%, 0%, 1); }