Empire Theme price font bigger

Store Design
,
1

price.png
I want to make the size of the compared price and normal price bigger in my empire theme. How do I do this? I’ve tried multiple ways but can’t figure it out.

2

Hi @DaandeLeur , Pls insert this code to your file css :

.price__current.price__current--on-sale .money {
    font-size: 24px !important;
}

span.money.price__compare-at--single {
    font-size: 25px !important;
}

Here is result:

BssTechVenture_0-1715785506685.png
BssTechVenture_0-1715785506685.png1909×879 272 KB

Hope this can help you

3

Hey man, thanks!

Only thing is, compare at price is bigger now then the normal price. Would love to see it the other way round haha…

4

Hey man,

Thanks for helping out back then! Is there any way to make the current price (green one) Bold so it’s bigger and more upfront?

5

Hi @DaandeLeur , Pls insert this code to your file css:

.price__current.price__current--on-sale .money {
    font-weight: bold !important;
}

Here is result:

BSSCommerceHDL_0-1717493067023.png
BSSCommerceHDL_0-1717493067023.png1918×926 250 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

6

Hi @DaandeLeur ,
Pls insert this code to your file css :

.price__current.price__current--on-sale .money {
    font-weight: bold !important;
}

Here is result:

BSSCommerceHDL_0-1717493368593.png
BSSCommerceHDL_0-1717493368593.png1120×903 218 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

7

Hi @DaandeLeur ,
Pls insert this code to your file css :

.price__current.price__current--on-sale .money {
    font-weight: bold !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: