How can I change the header color exclusively for the product page?

[Pyimk]

I tried to change the header color just only for the product page but it applied to all.

I have edited all other and i like the page result.
Can someone assist me, pelase?

[Tal19]

in your product template liquid file put this code. change .site-header to your header class name.

{% if template.name == 'product' %}
<style>
.site-header {
    background-color: #your-desired-color;
}
</style>
{% endif %}

[Pyimk]

I can only find product.json which is related to product in template file

[Pyimk]

The theme name is Craft

[Pyimk]

Can you help me adress which one i need to select or filter.
I cannot find theme style sheet.
When I could find it, in which place should i put the code
Sorry i don't know anything about coding

[Pyimk]

Thanks with your aid I am able to find CSS

I firstly went to product page since it is the page i wanted to edit the header color scheme to white.

I put in this code and save but it did not work
.product-template .header-wrapper { background-color: #ffffff }

[Tal19]

Can you share a link?

[Pyimk]

Yes, here is the link
https://findla.co/products/pregnancy-seat-belt-adjuster

[Tal19 · Accepted solution]

Step 1: open theme.liquid

Step 2: search </head>

step 3: before </head> add this code:

{% if template.name == 'product' %}
<style>
.header-wrapper.color-scheme-1.gradient {
background: #fff;
}
</style> 
{% endif %}

[Pyimk]

Wow, thank you so much.
It really helped.
It is working now.

[Tal19]

please mark my answer as a solution 🙂