Jump to content

How do I change the header colour for different pages?

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

18 minutes ago, Bowralzak said:

I would like my home page header to be transparent (0% opacity), while all my other pages to have a black (100% opacity) header. Any help would be greatly appreciated ❤️

We can achieve it by using some CSS code and selector the page id by using the following extension: Squarespace ID Finder

If you can share your site (provide protected password if you have), we can take a a look easily

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, Lightbox Studio plugin
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
13 minutes ago, Bowralzak said:

Try the following code

#collection-61bd3e7025ba841fd4040da1 {
  --solidHeaderBackgroundColor: red;
}

#collection-61bd3e7025ba841fd4040da1: page id you can get from extension. How to get page id: http://recordit.co/qwnj09oNCa

Then choose the color you want...

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, Lightbox Studio plugin
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

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.