Jump to content

Change Header Color on Cart Page Only

Go to solution Solved by ChamOrch,

Recommended Posts

Hi all,

I've used a piece of custom code to make the Shop and Product Pages on my website have black header backgrounds, and white text - this is due to the header including a logo which requires a dark background to be seen. The code I'm using is:

body.collection-type-products .header .header-announcement-bar-wrapper {
  background-color: black}

body.collection-type-products.view-item .header-announcement-bar-wrapper * {
    color: white !important;

However, this code is not applying to the Cart Page. From some other threads, I've seen suggestions on how to accomplish this effect on the Cart Page; however, none of the code seems to be working for me. Have I done something wrong with another piece of code?

Website is: https://chamber-orchestra-demo.squarespace.com/

PW is: ChamOrch


Edited by ChamOrch
Context about header.
Link to comment
  • Replies 1
  • Views 184
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

Solved! For any who stumble on this thread, this code worked for me:



body#cart header#header {
    background-color: black !important; color:white !important

body#cart .header-announcement-bar-wrapper * {
    color: white !important;


Edited by ChamOrch
Solved! Solution in post.
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.