Issue Changing Header Theme for Contact Page

[cynoapparel]

Hi all, just working on my store when a problem came up. How can I change the theme of the header on my contact page to the colour used below, #F8F8F8? (make the header darker to match the rest of the page) Thank you for your help!

Website URL: https://id0et1-1k.myshopify.com/

Website Password: ildeth

[vm-web]

@cynoapparel 

This is a code customization work please hire a shopify developer and contact shopify support!

Thanks!

[DaisyVo · Accepted solution]

Hi @cynoapparel 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
{% if canonical_url == "https://id0et1-1k.myshopify.com/pages/contact" %}

main#MainContent {
 background: #F8F8F8 !important;

}
{% endif %}
{% endstyle %}

[cynoapparel]

That worked, thank you so much!

[Shipo-studio]

Edit code -> search "theme.liquid' file => then in file search </body> tag and before that tag place the code i have provided below

<script>
  document.addEventListener("DOMContentLoaded", function() {
    if (window.location.pathname.includes("/pages/contact")) {
      document.querySelector('.header-wrapper').style.backgroundColor = "#F8F8F8";
    }
  });
</script>

like this