Changing Colours of Product titles

Solved
CWalsh024
Tourist
10 0 3

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

 Thanks 

 

Chris

0 Likes
Pallavi
Shopify Expert
1330 180 218

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
CWalsh024
Tourist
10 0 3

Hello,

 

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

and the password is : haylah

 

Thank you 

0 Likes
Pallavi
Shopify Expert
1330 180 218

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;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
CWalsh024
Tourist
10 0 3

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

Pallavi
Shopify Expert
1330 180 218

This is an accepted solution.

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
CWalsh024
Tourist
10 0 3

Amazing thanks so much for your help

Pallavi
Shopify Expert
1330 180 218

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
CWalsh024
Tourist
10 0 3

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

0 Likes