Jump to content

Specific Page Background Colour

Recommended Posts

Site URL: https://tsacstudios.squarespace.com/projects

Hey guys! i've been trying for ages to try and change the background colour of two pages on my site, the first page worked using this code in the header injection section: 

<style>
.Main {
background-color: #ccc !important;
}
.Header--bottom {
background-color: #ccc !important;
}
.Footer {
background-color: #ccc !important;
}
.Mobile-bar.Mobile-bar--top {
background-color: #ccc !important;
</style>

however when i went to do this for the /projects page nothing changed?

someone said the white background is overriding the grey on this page, but i'm not sure how to resolve this, thank you!

 

i've also tried doing it with the collection ID's in the custom CSS but it seemed to change the /projects page but change all the other headers and footers across the site.

 

SITE PW: brineintopedro

Edited by angeldesign
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Add to Home > Design > Custom CSS

/* project page background */
section#project-1 {
    background: red !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.