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

[mati565188]

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: 

it needs to become this: 

& 

thank you in advance!

[EBOOST · Accepted solution]

Hi @mati565188 ,

May I suggest to update code these steps:

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

2. Assets/main.css
3. 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;
}

[PageFly-Richard]

Hi @mati565188 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> 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 </head>

<style>
.card .price--on-sale s.price-item.price-item--regular {
    color: #2CB72B!important;
}
.card .card__inner .card__badge span {
    background: red;
    color: #fff;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[mati565188]

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

Thanks!

[mati565188]

thanks man, this resolved my question!