Jump to content

Shopping Cart Header Color CSS

Recommended Posts

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

I'm in need of a code that works for the shopping cart page only. I have already injected CSS code to change the header color to black on the store and product pages. In doing so it also automatically changed the drop down page links to match the rest of the site, which is GREAT. The issue is the only page that doesn't match is the shopping cart. I need the header to be black and I need the black drop down menus in the nav bar to show the links in white until I hover and they turn red. Basically just look at any other page (header and black drop down nav). Not one bit of CSS I've put in does a thing to change the shopping cart page. HELPE PLEASE!

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

BTW this was the CSS I used to accomplish what I wanted on the store and product item pages because they were acting the same way the shopping cart page is. It worked there but not on the cart page.


.collection-type-products.view-item header#header {
    background: black;
.collection-type-products.view-item header#header * {
    color: white;
    fill: white;
.collection-type-products.view-item header#header, .header-announcement-bar-wrapper.white-bold.shrink {
    background: #000 !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.