How can I change the color of specific product titles?

Technical Q&A
1

Hi,

I was wondering if it was possible to change part of the product title name to a different colour. I have added a picture below. But basically for each product say the Sub-Q or Deep i would like that to be a different colour.

Screenshot 2021-04-22 at 08.48.00.png
Screenshot 2021-04-22 at 08.48.00.png1226×472 41.2 KB

Thanks

Chris

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hello,

This is the site name : https://skinvella.com/

and the password is : haylah

Thank you

4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
.grid__item.grid-product.large--four-twelfths.medium--six-twelfths .grid-product__title {
    color: #f38787!important;
}
5

Thats great thank you very much.

One more question, is it possible to add an ID to each individual product so each product title could be a different colour?

Thanks

1 Like
6
  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find product template and search this class [ grid-product__title ] after that add this one class [ {{ product.id }} grid-product__title ]

also check this one article

https://shopify.dev/docs/themes/liquid/reference/objects/product

7

Amazing thanks so much for your help

1 Like
8

Kindly feel free to get back to me if you need any further assistance Thanks!

9

I do actually have another issue with another site, I have added a custom template with 3 featured rows however the 1st image and text sets the content for the other two.

How do i make it so I can have different content in each row?

It is the Our Story page

https://gripz-clothing2.myshopify.com/

twiphi

Thanks again