Jump to content

Changing background color for individual pages on Wells template

Recommended Posts

Site URL: https://the-image-world.com


I'm using the Wells template for my portfolio website and would like to change the background color to black and the text (body, navigation etc.) to white for the following two pages - 


I'd also like for the navigation menu text to be underlined for the active page and on hover. 

Thank you for your help!

PS. I have a personal account so it seems I can only use Custom CSS as Advanced/Code Injection is a premium feature.  

Link to comment
  • Replies 6
  • Views 677
  • Created
  • Last Reply

Top Posters In This Topic

On your custom CSS add:

#collection-5f1e4a7691bcb241a7ca7236 {
background-color: #000;
color: #fff;


#collection-5f1e45a92189c2206f62e757 refers to the "Not Another Photo Album" page

#collection-5f1e4a7691bcb241a7ca7236 refers to the "Hands of God" page


Link to comment

Thank you @erikabarichello!

The active link underline and background color changes are working perfectly but the font color change is reflected on phone and tablet views but not on desktop. Any ideas on how to resolve this? Including screenshots below





















Desktop (full-screen):









Many, many thanks!


Edited by kyashna
Link to comment
  • 1 year later...
On 3/28/2022 at 5:06 PM, Alessia_OL said:

Hi !
I'm also using Wells template and I've tried to add this code line to change the background color of one page but it doesn't work.

Could someone please help me?

page ID is: #collection-5f1e4a7691bcb241a7ca7236 {
color: #e98cb6;


What is your site url? We cancheck easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.