New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to change collection page product discounted price color?

Solved
marvinq
Excursionist
13 0 5

theme: turbo portland

site: ssensials.com > scroll down to "trending now"

 

I want to change the color of the SALE price on the homepage to GREEN. currently, it is black, and the original price is red and crossed out. I want the sale price (black/left side) to be green.

 

there is no option for me to change that color only the crossed out color changes.

Accepted Solution (1)
codexecom
Shopify Partner
41 6 6

This is an accepted solution.

Hey @marvinq  Please follow these instruction

Step 1: Open admin pannel --> go to Online store-->Click on themes
Step 2: Here you can see two options customize and three dots(...) 

Step 3:  click on three dots on perticular theme , when you click on there dots you can see these options

codexecom_0-1698120647271.png


Step 4: click on edit code
Step 5: Search style.css file and scroll down 
Step 6: Paste this code at last , and click on save after that you can see your changes

 .current_price span.money {
           color: #13b613!important;
    }

 

Need Shopify Developer,Designer
Reachout me on whatsapp:+91 919721741072 or , Skype: https://join.skype.com/invite/sDrWRlIVb20I

View solution in original post

Replies 4 (4)
codexecom
Shopify Partner
41 6 6

Hey @marvinq 
try this code :

    .current_price span.money {
           color: #13b613!important;
    }

Need Shopify Developer,Designer
Reachout me on whatsapp:+91 919721741072 or , Skype: https://join.skype.com/invite/sDrWRlIVb20I
marvinq
Excursionist
13 0 5

where do i input it?

codexecom
Shopify Partner
41 6 6

This is an accepted solution.

Hey @marvinq  Please follow these instruction

Step 1: Open admin pannel --> go to Online store-->Click on themes
Step 2: Here you can see two options customize and three dots(...) 

Step 3:  click on three dots on perticular theme , when you click on there dots you can see these options

codexecom_0-1698120647271.png


Step 4: click on edit code
Step 5: Search style.css file and scroll down 
Step 6: Paste this code at last , and click on save after that you can see your changes

 .current_price span.money {
           color: #13b613!important;
    }

 

Need Shopify Developer,Designer
Reachout me on whatsapp:+91 919721741072 or , Skype: https://join.skype.com/invite/sDrWRlIVb20I
Dan-From-Ryviu
Shopify Partner
5679 1047 1073

Hi @marvinq 

Please go to your Online store > Theme > Edit code > open style.css or style.css.liquid file, add this code at the bottom of file and save it

.thumbnail-hover-enabled--false .current_price span.money { color: ##13b613 !important; }

Screenshot 2023-10-24 at 10.30.44.png

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now