Jump to content

Change background colour on specific page - Version 7.0– Brine family (Hyde template)

Recommended Posts

Site URL: https://www.aabenbryg.com

I would like to change the background colour for two specific pages. I've tried to add different CSS code (found from other threads in here) to each page's Advanced setting. However, it overrides the custom CSS for the whole site in a way, that the whole sites' background changes to the page's colours. Depending on how you navigate the site, the background colour switches between the correct site-wide background colour, and the two customised background colours. As an example, if you from the homepage clicks on 'ÅBEN' and then navigates to 'Aarhus Bar' from top navigation, the background colour is light grey. If you then refresh the page, it turns into the correct background colour. From here going to any other page on the site, will then have the same dark background colour - until you once again refresh the page, and then it will again turn into the light grey background colour. 

What we want is to have the site wide background colour to be: hsl(46, 7%, 94%) (which is selected in the design - site styles panel)

1. On this site (and only this site): https://www.aabenbryg.com/aarhus-bar we want: #a69579 (both header and content)

2. On this site (and only this site): https://www.aabenbryg.com/pop-up-bar we want: #fcbd1b (both header and content)

Any advice on how to do this?


Link to comment
  • Replies 2
  • Views 580
  • Created
  • Last Reply


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.