roygbivla 8 Posted July 3 (edited) I'm trying to have different indexes and their pages to have different background colors. Through my searches I've found that a lot of users were using something like such for a 'Photo', and 'Motion' index as an example: #index-section-photo .index-item { background-color: #ffffff !important; } #index-section-motion .index-item { background-color: #222222 !important; } I didn't get any results in the Custom CSS panel. Any ideas on what I may be doing wrong? Edited July 3 by roygbivla Initial Revision Share this post Link to post
0 tuanphan 6,112 Posted July 3 @roygbivla Each page will have different ID (#collection-..c84). body#collection-566f463ed8af1045cf922c84 #content { background-color: red; } How to find page ID: https://thirtyeightvisuals.com/blog/how-to-find-your-page-id-in-squarespace Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Share this post Link to post
0 roygbivla 8 Posted July 3 Thank you for this. It is definitely an option but it applies the color only to the body, but is there a way to apply it throughout every page within the index? This code only applies it to the body of one specific page. It doesn't show up in the rest of the page. Just curious. Share this post Link to post
0 tuanphan 6,112 Posted July 3 @roygbivla body#collection-565cb9dae4b02fbb0a540ec2 .overflow-wrapper { background-color: red; } Send me a message if you have any questions | View my service if you need more support View 4200+ Custom Code for Squarespace How to Setup Password & Share Site URL How to find Page ID Share this post Link to post
I'm trying to have different indexes and their pages to have different background colors. Through my searches I've found that a lot of users were using something like such for a 'Photo', and 'Motion' index as an example:
#index-section-photo .index-item { background-color: #ffffff !important; } #index-section-motion .index-item { background-color: #222222 !important; }I didn't get any results in the Custom CSS panel. Any ideas on what I may be doing wrong?
Edited by roygbivlaInitial Revision
Share this post
Link to post