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

Store Design
,
1

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?

2

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

{% if template.name == 'product' %}

{% endif %}
3

The theme name is Craft

4

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

5

Screenshot 2024-07-08 at 2.00.39 AM.png
Screenshot 2024-07-08 at 2.00.39 AM.png618×1528 62.6 KB

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

6

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 }

7

Can you share a link?

8

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

9

Step 1: open theme.liquid

Step 2: search

step 3: before add this code:

{% if template.name == 'product' %}
 
{% endif %}
10

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

11

please mark my answer as a solution :slightly_smiling_face: