Jump to content

Change Header Color on Product Page

Recommended Posts

Can anyone help me 

I would like the site header to be black on the product item page (picture of the wheels) and the page background to be white,

but I cant seem to figure it out 😞I can either make both of them white or both black -_-  

its on Squarespace 7.1  

Screen Shot 2020-04-02 at 06.19.48.png

 

The rest of the site I have managed to make the header black.

1129544602_ScreenShot2020-04-02at06_19_13.thumb.png.5200999fb1bccc7b98c0baf1382ef0cd.png

Edited by Bonnie_Beaton
Link to comment

Add to Home > Design > Custom CSS

.collection-type-products.view-item header#header {
    background: black;
}
.collection-type-products.view-item header#header * {
    color: white;
    stroke: white;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

edit first code to

.collection-type-products.view-item header#header, .header-announcement-bar-wrapper.white-bold.shrink {
    background: #000 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 year later...
  • 1 year later...

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.