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

Solved

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

mati565188
Visitor
3 0 0

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

 

it needs to become this: 

mati565188_2-1718737701163.png

mati565188_3-1718737769532.png

 

thank you in advance!

Accepted Solution (1)

EBOOST
Shopify Partner
1042 279 315

This is an accepted solution.

Hi @mati565188 ,


May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
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;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

View solution in original post

Replies 4 (4)

EBOOST
Shopify Partner
1042 279 315

This is an accepted solution.

Hi @mati565188 ,


May I suggest to update code these steps:

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

EBOOST_1-1672356985580.png
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;
}

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free
- ❤❤DONATE ❤❤

PageFly-Richard
Shopify Partner
4400 1006 1657

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

mati565188
Visitor
3 0 0

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

 

Thanks!

mati565188
Visitor
3 0 0

thanks man, this resolved my question!