Jump to content

Headers on Product Pages & Blogs

Recommended Posts

Site URL: https://parsnip-green-be9j.squarespace.com

I need to get the product pages and the blog to look the same as the rest of the website (with the purple image background) however I'm struggling to find code that can sort this.

The header in the main nav is set to transparent, which of course causes a problem when you go onto pages such as product page and blogs where you're unable to do much with the design itself.

Product page example: https://parsnip-green-be9j.squarespace.com/shop/p/business-cards

Blog example: https://parsnip-green-be9j.squarespace.com/blog/tigerprivate

Can anyone help at all? Thank you!!

Link to comment
  • Replies 4
  • Views 359
  • Created
  • Last Reply
21 hours ago, cl-lh-2021 said:

@tuanphan Ah sorry! Very simple - password is 123456

Add to Blog Page Header, Shop Page Header

<style>
  header#header {
    background: #a32987 !important;
}
  header#header a {
    color: white;
}
  header#header svg {
    fill: white;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.