How do I change the header colour for different pages?

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 <3

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

21 minutes ago, bangank36 said:

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

yep ok added it

https://www.trueskyphotography.com/

13 minutes ago, Bowralzak said:

yep ok added it

https://www.trueskyphotography.com/

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