Jump to content

Changing header on product pages

Recommended Posts

Hello!

I am using a dynamic header on my website, but on product pages I would like to use a solid header, as you cannot see the logo properly when there is a white background (attached photos to show the issue).

Is there a way to change the header on select pages?

 

Thank you!

Screen Shot 2022-09-21 at 10.33.34 pm.png

Transparent header.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

39 minutes ago, Nadia-AL said:

Hello!

I am using a dynamic header on my website, but on product pages I would like to use a solid header, as you cannot see the logo properly when there is a white background (attached photos to show the issue).

Is there a way to change the header on select pages?

 

Thank you!

Screen Shot 2022-09-21 at 10.33.34 pm.png

Transparent header.png

Can you share your site with protected password so I can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 9/22/2022 at 7:30 AM, Nadia-AL said:

Hello 🙂

https://coalitionagainst1080.squarespace.com/

Password: Testing1234

 

Thanks so much!

Add to Design > Custom CSS

body[class*="type-products"].view-item header#header {
    background-color: blue !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

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.