Re: Collection Page Sale Price Red

ChrisW3 · ‎01-17-2024

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?

Dan-From-Ryviu · ‎01-17-2024

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

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

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ChrisW3 · ‎01-17-2024

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 · ‎01-17-2024

code updated

font-weight: 700;

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

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

How can I change the sale price color and font size on a collection page?