Mule Horse 13 Share Posted January 12, 2016 (edited) 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 January 12, 2016 by Mule Horse LilyTran 1 Link to post
4 CSmith333 0 Solution Share Posted January 14, 2016 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} Link to post
1 brandy 0 Share Posted March 16, 2018 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? Link to post
0 brandsweet 0 Share Posted July 9, 2017 THANK YOU! I've just spent about 2 hours trying to figure this out and your line worked for me on the Hyde template Link to post
0 sequoiac 8 Share Posted February 24 (edited) Help!!! What am I doing wrong? It looks correct in the Squarespace builder but when I go to check it on another device it's not working... Quote .collection-602aa939c1889644fc2abcc1 #pe-class{ background: #E5E2DA !important } @CSmith333 @brandy Edited February 24 by sequoiac Link to post
0 sequoiac 8 Share Posted February 24 On 1/20/2021 at 4:35 PM, bangank36 said: Could you share your site url? It's rough around the edges because I'm still in creation mode. But it's ferret-drum-ndgp.squarespace.com password erika Link to post
0 sequoiac 8 Share Posted February 24 2 minutes ago, sequoiac said: It's rough around the edges because I'm still in creation mode. But it's ferret-drum-ndgp.squarespace.com password erika And ferret-drum-ndgp.squarespace.com/services is the index I'm talking about. @bangank36 Link to post
0 bangank36 1,073 Share Posted February 25 On 2/25/2021 at 1:15 AM, sequoiac said: And ferret-drum-ndgp.squarespace.com/services is the index I'm talking about. @bangank36 which section you want to change color and the color code you needed? Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, 360 Degree Photo block, Seperator Block (SVG Shape divider for sections)If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to post
0 sequoiac 8 Share Posted February 26 22 hours ago, bangank36 said: which section you want to change color and the color code you needed? Most of the sections have color changes. #pe-class { background-color: #E5E2DA; } #coaching { background-color: #E9C262 !important; } #type-confident{ background-color: #8D623F !important; } #ewe{ background-color: #C883A3 !important; } Link to post
0 creedon 813 Share Posted February 27 @sequoiac Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to post
Question
Mule Horse 13
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 HorseLink to post
Top Posters For This Question
4
2
1
1
Popular Days
Feb 24
3
Jan 14
2
Mar 16
1
Jan 12
1
Top Posters For This Question
sequoiac 4 posts
Mule Horse 2 posts
CSmith333 1 post
jai26 1 post
Popular Days
Feb 24 2021
3 posts
Jan 14 2016
2 posts
Mar 16 2018
1 post
Jan 12 2016
1 post
11 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment