Jump to content

Lange: Changing the text/background color of a single page using CSS

Recommended Posts

Any help is appreciated! I'm having a hard time figuring out how to change the background color (as well as text color) of a single page on my site. I'm currently using the Lange template. I've done a ton of research and have found various solutions but would really like to use CSS. I've taken the below code and implemented it into the index page under settings > advanced with no luck.

   body#collection-5d18349a84a155000110af0c {
       background: #000000;

For reference, here's the link to the page I'd like black with white text - http://www.edwinsong.com/surface-gridiron-challenge

Thank you in advance!

Link to comment
  • Replies 7
  • Created
  • Last Reply

@imedwin body#collection-5d18349a84a155000110af0c is Page ID. Each Page will have an ID. See how to check Page ID. https://beaverhero.com/squarespace-how-to/

So, your page ID is body#collection-5d18349a84a155000110af0c

So you need to use (wrap in style tag, or add to Home > Design > Custom CSS)

body#collection-5d18349a84a155000110af0c #site {
   background: #000000;

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

@tuanphan Again, thank you! Worked like a charm. Is changing the text color to white as simple? Do I have to attribute text colors for each h1, h3 or title description segments or can I have one code that works globally on this page?

Link to comment

@tuanphan Everything worked! Didn't see your code to change text globally but this is what I implemented and it seemed to work to change everything. Thank you for all your help!

p, h1, h3 {color: white !important; font-weight: 200;}

Link to comment


This topic is now archived and is closed to further replies.

  • 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.