Change Navigation Color in product and checkout page 7.1

Site URL: https://www.core4.com.au/store/trilogy-gabamag

Hi there,

I need to change the colour of the navigation header on my product page and checkout page as my logo and folder links are white as is the current colour of the nav on these pages.

Using Squarespace 7.1, site is live. 

Many thanks

Add to Home > Design > Custom CSS

.collection-type-products.view-item.tweak-transparent-header .header .header-announcement-bar-wrapper {
    background: blue !important;
}

Hi @tuanphan

Thanks very much this worked a treat! But my navigation titles are now lost, did you have the css to change the colour of these and the folder navs too (screenshot)?

Also Just in regard to the cart page, did you have the css applicable to change the logo for this particular page? 

https://www.core4.com.au/cart 

Many thanks

With cart page, add to Home > Design > Custom CSS

body#cart .header .header-announcement-bar-wrapper {
    background: #4d4d4d !important;
}

Perfect worked a treat!! Many thanks!! 🙂