Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Mule Horse

change background color on specific index page


Does anyone know how to change the background color on a specific index page? I'm able to change the background color on the individual page using:

.collection-[id] #siteWrapper {
background-color:#ccc !important;

However, when viewing this page as part of an index, it defaults back to the original color. This is using the Hayden template.

Edited by Mule Horse

Share this post

Link to post

5 answers to this question

Recommended Posts

  • 3

To start with this you will need to use the slug of the page in the Index you want to adjust as the id (after the #) will use the page slug.

For example, if your page slug was named home, you could use this code in the main custom CSS tab.

.collection-type-index #home {background:red}

Share this post

Link to post
  • 1

YASSS!!! Thank you so much! This post needs to be bumped up higher, and probably deserves a blog post or tutorial or something. Here's the code I used:

 .collection-type-index #who-we-serve {
 background-color: #e8eddb, !important;

@csmith333 How did you know to target .collection-type-index ? I don't remember seeing that anywhere when I was looking at the code using Google dev tools. Is there some super secret master list of all Squarespace selectors somewhere?

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...