How to target specific page

Technical Q&A
1

Hey everyone,

I want to change the textcolor of a header on a certain page, just the product page:

https://velvah.com/products/velvah-genesis (passcode: “VELVAH101”, the Genesis product)

I want to set the color of the text on the header on that page to black and keep the other headers white.

Does anyone have any suggestions?

Thanks

2

Hey @Velvah

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if template contains 'product' %}

{% endif %}

RESULT:

Moeed_0-1731433978678.png
Moeed_0-1731433978678.png1185×909 109 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hello @Velvah

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag 
{% if tempalte contains 'product' %}

{% endif %}

It will work for the product page but as i can see your other page header not showing correct it’s white without the text?

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

4

Thanks a lot mate!

5

Amazing! I spent literally 2 hours trying to figure it out with chatgpt, and you two saved me so much pain. Thank you so much

6

If you need any other help feel free to ask here.

Best Regards

7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

8

You’re Welcome @Velvah

If you need any other help feel free to ask here.

Best Regards