Styling sale on product page

vitamentltd
Tourist
17 0 1

How can i add styling to the text highlighted in the screenshot. I need it bold & red.

https://www.vitament.co.uk/collections/

Screenshot 2021-02-19 at 12.45.20.png

0 Likes
JHKCreate
Shopify Partner
2052 335 448

Hi @vitamentltd 

Add the following code to your theme.scss.css file:

#ProductSection-product-template > div.grid.product-single.product-single--medium-media.gw-ai-integrated > div:nth-child(2) > div.product-single__meta {
    color: #a71515;
    font-weight: bold;
}

 

Let me know if that works!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
vitamentltd
Tourist
17 0 1

Hi

 

This turned all text to red and bold. 

I just want the save 10% text to change

0 Likes
JHKCreate
Shopify Partner
2052 335 448

In that case not doable without modifying the code here and splitting the sentence into two. How proficient are you in liquid?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
vitamentltd
Tourist
17 0 1

 I can do it if you can provide the correct codes

0 Likes