Sale price on collection page and 50% off icon on product picture - symmetry theme

Store Design
,
1

I want to change the color of my sales price in the collection pages to #2CB72B, also the 50% off icon on the product picture needs to be changed on collection page/product page (symmetry theme). see pictures below how it is now:

mati565188_1-1718737652839.png
mati565188_1-1718737652839.png742×427 40.6 KB

it needs to become this:

mati565188_2-1718737701163.png
mati565188_2-1718737701163.png188×133 23.1 KB

&

mati565188_3-1718737769532.png

thank you in advance!

2

Hi @mati565188 ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1672356985580.png
EBOOST_1-1672356985580.png532×438 15.6 KB

  1. Assets/main.css
  2. Add code below to end of file
.price--on-sale .price__current {
    color: #2CB72B!important;
}
.product-label-container .product-label.product-label--sale > span {
    background: red;
    color: #fff;
}
3

Hi @mati565188

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

4

Unfortunately this doesn’t work, do you need more information te help me solve this?

Thanks!

5

thanks man, this resolved my question!