Dawn Theme How to reduce the font of- "compare at" price to be smaller than the actual price

Shopify Discussion
1

I want to make the actual price bigger in size than the “compare at price” on Dawn Theme, on both collections page and product page.

2

Hi @Viktor27 ,

You can use the code below to change the font size of the compare price.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below

NOTE: Change the 20px to the desired font size

.price--on-sale .price__container s.price-item.price-item--regular {
    font-size: 20px;
}