Change color of header on Collection page

[BoneBox]

Hi!

I would like to change color of header of our collection page from Pink to White. Any help would be appreciated! 

URL: https://bonebox.fi/collections/hannanheiluttavat-koiran-lelut
Screenshot: Attached

[Asad24]

Go to your online store > Customize > Settings > Custom css 
and paste this code in cutom css section

.header-wrapper {
   background: #ffffff;

}

[BoneBox]

Hmm. Didn't seem to work 😕

[Asad24]

Try this 

.header-wrapper {
   background: #ffffff !important;

}

and if still not worked share collaborator access with me and i will fix it for you 
my email address is asadmahmood8470@gmail.com

[TessTess]

hi thanks for this answer, for me its currently changing the header color for every page. is there a way to have it only change the header color of a specific page?? thanks again for the help

[Asad24 · Accepted solution]

yes, you can do that by adding the below code in your theme.liquid file before end body tag </body>


<script>

document.addEventListener("DOMContentLoaded", function()
{
 var targetUrl = "https://bonebox.fi/collections/hannanheiluttavat-koiran-lelut";
 if (window.location.href === targetUrl) {
var headerWrapper = document.querySelector(".header-wrapper");
if (headerWrapper) {
headerWrapper.style.background = "#ffffff";
}}
}
);

</script>