Collection Page Sale Price Red

ChrisW3
Pathfinder
195 1 8

I would like to change the lower price to be red. I would like the font to be bigger than the strikethrough price too. How do I do this?

https://www.physioworldshop.co.uk/collections/treatment-couches

 

ChrisW3_0-1705487079821.png

 

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

Add this code to your theme.liquid file, after <head> element

<style>
.product-item--price > small[aria-hidden="false"] {
    color: red;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

ChrisW3
Pathfinder
195 1 8

Hi Dan,

 

Thanks I added that and it made the sale price red, which is great - is there a way to make the sale price font bigger and bold?

Thanks again

 

Dan-From-Ryviu
Shopify Partner
7011 1327 1352

code updated 

<style>
.product-item--price > small[aria-hidden="false"] {
color: red;

font-weight: 700;

font-size: 18px;
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now