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);
}
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Add a Page Loading Screen to Squarespace

Next
Next

Edit the Mobile Logo on Squarespace