Changing Header and Logo on different pages personal sub

Site URL: https://www.oringreyfoxx.art

I am trying to update my site to show the different things I do on each page and I am struggling to figure out how to change the header on each page, I was using a code, that matched it to the theme color, but the header is a defult and I can't seem to change it without it being site wide. 

Thank you

3 hours ago, OGFOXX said:

Site URL: https://www.oringreyfoxx.art

I am trying to update my site to show the different things I do on each page and I am struggling to figure out how to change the header on each page, I was using a code, that matched it to the theme color, but the header is a defult and I can't seem to change it without it being site wide. 

Thank you

What 's kind of style you want to apply for each page

I thnk we can set it by using the Page id and apply style via Css code

For example, style in Home Page

#collection-613c2eed5656fb168c4594fa #header {
    /*Your style*/  
}

Copy and change the id to set style for another Page

You can use the following extension - Squarespace ID Finder

Step to get your page id: http://recordit.co/qwnj09oNCa

2 hours ago, bangank36 said:

You can use the following extension - Squarespace ID Finder

Step to get your page id: http://recordit.co/qwnj09oNCa

I have a different logo I want to use with ideally a different header color  to match.

35 minutes ago, OGFOXX said:

I have a different logo I want to use with ideally a different header color  to match.

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

16 minutes ago, bangank36 said:

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

16 minutes ago, bangank36 said:

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

www.oringreyfoxx.art

help22

5 hours ago, OGFOXX said:

 

www.oringreyfoxx.art

help22

Try in Home > Design > Custom Css to set url logo for portfolio page

#collection-615124b3b7f6100ba9bfcc89 {
	.header-title-logo {
		img {
			opacity: 0;
		}
		a {
			background: url("https://logodix.com/logo/1931272.png");
			background-size: cover;
			background-repeat: no-repeat;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		position: relative;
	}
}

Change the url until it meets your desire

1 hour ago, bangank36 said:

Try in Home > Design > Custom Css to set url logo for portfolio page

#collection-615124b3b7f6100ba9bfcc89 {
	.header-title-logo {
		img {
			opacity: 0;
		}
		a {
			background: url("https://logodix.com/logo/1931272.png");
			background-size: cover;
			background-repeat: no-repeat;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		position: relative;
	}
}

Change the url until it meets your desire

IT WORKED THANK YOU SO MUCH!!!