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.
Squarespace Style Editor allows you to apply an overlay for all index pages with a background image. In this video, I show you how to add an overlay to one s...
The following code is used in the video.
#page-name { background-color: hsla(0, 0%, 0%, 1); }
