Solved

Changing Colours of Product titles

CWalsh024
Shopify Partner
12 0 5

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

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

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

View solution in original post

Replies 8 (8)

ZestardTech
Shopify Expert
5393 970 1291

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
CWalsh024
Shopify Partner
12 0 5

Hello,

 

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

and the password is : haylah

 

Thank you 

ZestardTech
Shopify Expert
5393 970 1291

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
CWalsh024
Shopify Partner
12 0 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

ZestardTech
Shopify Expert
5393 970 1291

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
CWalsh024
Shopify Partner
12 0 5

Amazing thanks so much for your help

ZestardTech
Shopify Expert
5393 970 1291

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
CWalsh024
Shopify Partner
12 0 5

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