Transparent Header on Select Pages

Site URL: https://thewoodsmen.co.uk

Hello.

I would like to make my header transparent on the Home and About Us pages on my website.

I have tried lots of different CSS and header injections I found on this forum but none of them have worked.

Website is: https://thewoodsmen.co.uk

Password: help

Thanks! 

Add to Design > Custom CSS

/* Transparent Header - Home - About us pages */
body#collection-62570801bafc1643a52b852a, body#collection-627017c495009d773f0524ab {
	article section:first-child {
    padding-top: 0px !important;
}
.header-background-solid {
    background-color: transparent !important;
}}

7 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Transparent Header - Home - About us pages */
body#collection-62570801bafc1643a52b852a, body#collection-627017c495009d773f0524ab {
	article section:first-child {
    padding-top: 0px !important;
}
.header-background-solid {
    background-color: transparent !important;
}}

 

Thank you @tuanphan, sir. This worked a treat. 

You are legendary.