Solved

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

Voldiep
Tourist
14 0 0

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_1-1712838327629.png


Thank you 

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2095 601 469

This is an accepted solution.

Hey @Voldiep,

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" 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.

<style>
.price__regular {
    font-size: 12px;
}

.price__regular.tax__price {
    font-size: 14px;
}
</style>

 

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

ThePrimeWeb_0-1712839158760.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 5 (5)

ThePrimeWeb
Shopify Partner
2095 601 469

Hey @Voldiep,

 

Can you share the link to your store? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Voldiep
Tourist
14 0 0

@ThePrimeWeb Hi, 

Thank you for looking into this. 

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

ThePrimeWeb
Shopify Partner
2095 601 469

This is an accepted solution.

Hey @Voldiep,

 

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" 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.

<style>
.price__regular {
    font-size: 12px;
}

.price__regular.tax__price {
    font-size: 14px;
}
</style>

 

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

ThePrimeWeb_0-1712839158760.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Voldiep
Tourist
14 0 0

That's amazing, thank you for the swift reply and help 🙂 

Raj-webdesigner
Shopify Partner
252 56 60

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;
}

2) 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;
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com