Different price font size for discount price and regular

[TomasKu]

Hi all,

need a help.

In my store (HOME PAGE and in ALL PRODUCTS prices showing in different size depends if it with discount or regular price. How to make both prices in the same size? Adding photo.

Also how to make discounted price in different colour? For example in red.

Thank you for your help!

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[suyash1]

@TomasKu - can you please share this page link? what price size do you want? normal one or bigger one?

[TomasKu]

Hi,

smaller one.

URL : www.idomipreke.lt

[suyash1]

@TomasKu - can you please share this page link?

[TomasKu]

www.idomipreke.lt

Tomas

[irene-vintage]

Hello @TomasKu ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.regular-price,
.discounted-price {
  font-size: 14px;
}
.discounted-price {
  color: red;
}

Save and preview

Hope this can help.

Ali Reviews team.

[PageFly-Henry]

Hi @TomasKu ,

This is Henry at PageFly - Shopify Advanced Page Builder app.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Henry | PageFly

[TomasKu]

Unfortunately not working.

[TomasKu]

Hello Herny,

thank you for your help. It seems it works.

i have another question. I would like to make new price in red colour instead old one. What code would be?

Thank you!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → base.css and paste this at the bottom of the file:

.price-item.price-item--regular {
    color: #000!important;
}
.price-item.price-item--sale.price-item--last {
    color: red;
}

[PageFly-Henry]

As I see you have found the solution, do you need anything else?