How can I adjust the size of displayed prices on all pages?

Store Design
, , , ,
1

Good day,

I’ve added extra price to show price including and excluding VAT.

  1. How can I make both of the prices smaller

  2. How can I make the excluding VAT smaller than including VAT

  3. I needs prices to be reduced on all pages

Voldiep_0-1712838284152.png
Voldiep_0-1712838284152.png1175×429 24.7 KB

Voldiep_1-1712838327629.png
Voldiep_1-1712838327629.png1014×594 118 KB

Thank you

2

Hey @Voldiep ,

Can you share the link to your store? Thanks!

3

@ThePrimeWeb Hi,

Thank you for looking into this.

https://www.firstgearup.co.uk/
sistabwhat

4

Hey @Voldiep ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

The 12px is the excl price and the 14px is incl price. Change this to whatever you like.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1712839158760.jpeg
ThePrimeWeb_0-1712839158760.jpeg1253×933 87.9 KB

1 Like
5

add this css in your base.css file

  1. How can I make both of the prices smaller
.collection .price__container {
    font-size: 15px !important;
}
  1. How can I make the excluding VAT smaller than including VAT 3) I needs prices to be reduced on all pages
.product .price__container {
    font-size: 16px !important;
}
.product .product__text.inline-richtext strong {
    font-size: 15px;
}
6

That’s amazing, thank you for the swift reply and help :slightly_smiling_face: