Product page header background color

Site URL: https://digifi-v2.squarespace.com/merch/style-01-32szg

Hi,

Anyone knows how to change the color palette on a product page? Now it's set to "White minimal" but that does not look good since my logo is white aswell.

https://digifi-v2.squarespace.com/merch/style-01-32szg
pw: digifi

Add to Home > Design > Custom CSS to change logo color on Product page

.collection-type-products.view-item .header-title-logo img {
    filter: invert(1);
}

On 4/25/2020 at 4:02 PM, tuanphan said:

Add to Home > Design > Custom CSS to change logo color on Product page

.collection-type-products.view-item .header-title-logo img {
    filter: invert(1);
}

 

Not the results i am looking for, but it's something.

Thank you that code worked for me!  How can i show the navigation and drop down box too?  See example second page 

Also my 'bookings' button is lost, can you make it is the same as dropdown menu?

see my CSS code below

.user-items-list-carousel__arrow-button {border-radius: 0px!important}
.user-items-list-banner-slideshow__arrow-button {
border-radius: 0px!important}
.user-items-list-banner-slideshow__arrow-icon-path {
stroke-width: 3px!important
}
.header-nav-folder-content{background-color:#CCCCCC!important}
.gallery-reel-item img {
  padding:15px;
  margin-left:10px;
}
@media screen and (max-width:640px) {
div.Site {
    padding-left: 1em;
    padding-right: 1em;
}
}
.gallery-fullscreen-slideshow-wrapper {
    height: 100% !important;
}
.collection-type-products.view-item .header-title-logo
img {
    filter: invert(1);
}

On 1/30/2022 at 8:44 PM, NVZ said:

Also my 'bookings' button is lost, can you make it is the same as dropdown menu?

see my CSS code below

.user-items-list-carousel__arrow-button {border-radius: 0px!important}
.user-items-list-banner-slideshow__arrow-button {
border-radius: 0px!important}
.user-items-list-banner-slideshow__arrow-icon-path {
stroke-width: 3px!important
}
.header-nav-folder-content{background-color:#CCCCCC!important}
.gallery-reel-item img {
  padding:15px;
  margin-left:10px;
}
@media screen and (max-width:640px) {
div.Site {
    padding-left: 1em;
    padding-right: 1em;
}
}
.gallery-fullscreen-slideshow-wrapper {
    height: 100% !important;
}
.collection-type-products.view-item .header-title-logo
img {
    filter: invert(1);
}

What is site url? We can check easier

thank you its www.vanzeebeing.com (but site is not live so password: Hypnosis)

I managed to find some code to change the background colour in product pages, see last screen shot but the Bookings button is still not showing black font as the rest of site. 

1. Can you let me know how to change product pages navigation to black font, with current back ground

2. Another option as per my original question to have font in product pages in black font with white background and Bookings button + testimonials dropdown menu: black solid with white font please. 

3. Testimonials dropdown menu site wide (not product pages) background white, with black font

4.. On my bookings header I have:

Change your story

Change your life 

I would like it shown in two lines like above but reduce the line space between to regular space 1.1 for this page

I am so grateful for your help! 

Thanks 

Nat

I have worked out all above, apart from 4. 

4.. On my bookings header I have:

Change your story

Change your life 

I would like it shown in two lines like above but reduce the line space between to regular space 1.1 for this page

Can you help please?

Ignore above I managed to change it. Thanks!