Jump to content

Changing Header Background Color in Shopping Cart

Recommended Posts

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

I need to change the Header background color on only the Shopping Cart page (https://www.thesecomefromtrees.com/cart) so the white logo will show up. Right now the header background on that page is white, which is a problem because I use the logo as the link back to the Home page. I've played around with various codes in previous answers, but they aren't working. I was able to fix it on the Blog pages, but this one has me stumped.

Here's the color I want to use:  #10612e


Link to comment

Ah! That worked! Also there is a bug with how the Cart page is viewed in the Editing screens. When I added the code to the Custom CSS, it didn't show the change on the edit screen after I hit "Save". I had to exit the Custom CSS page for it to update the page shown in Edit mode. I could see the change immediately on the live site though.

Your solution worked, but it was for inverting the color of the logo, i.e. white to black. I ended up using this code to change the nav bar to a color instead of changing the color of the logo, in case anyone else is looking for this option instead. 

body#cart header#header {
    color: white !important;
    background: #199A48 !important; 


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.