Jump to content

Changing header color in commerce page

Recommended Posts

8 hours ago, ryannmcghee said:

Site URL: http://www.gritsandgreensband.com

I need to change the color of the header on my commerce page of my site. On the rest of the sight the background is green and my logo is white. On the commerce page it is a white background with a white logo rendering the logo unreadable. Thanks!

Hi! Try adding this to custom css

#collection-5e5e99c9114c342cf383e2f3 {
.Header-inner--bottom {
  background-color: #39481F;
}
}

If you want the items on the header to be white, add this code as well:

#collection-5e5e99c9114c342cf383e2f3 {
  .Header-nav-item {
    color:white !important;
  }
  
  .tweak-header-cart-style-bag .Header .Cart {
    stroke:white;
  }
  
  .tweak-header-cart-style-bag .Header .Cart .sqs-cart-quantity {
    color:white;
  }
}

Let me know how it goes 🙂

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
On 3/3/2022 at 1:20 AM, Jia said:

Hi! Try adding this to custom css

#collection-5e5e99c9114c342cf383e2f3 {
.Header-inner--bottom {
  background-color: #39481F;
}
}

If you want the items on the header to be white, add this code as well:

#collection-5e5e99c9114c342cf383e2f3 {
  .Header-nav-item {
    color:white !important;
  }
  
  .tweak-header-cart-style-bag .Header .Cart {
    stroke:white;
  }
  
  .tweak-header-cart-style-bag .Header .Cart .sqs-cart-quantity {
    color:white;
  }
}

Let me know how it goes 🙂

That worked! Thanks so much!!

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.