Making the price smaller on product page

[TuneToyz]

Hello my website is tunetoyz.com 

I was wondering how to make the price on my product page smaller I want it so I can just customize it. Thanks for your help in advance!

 

[BSSCommerce-HDL]

Hi @TuneToyz, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before </head> tag:

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

 Here is result: 

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 😍

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and change the font size value on line 3683

result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[Tech_Coding · Accepted solution]

Hello @TuneToyz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    .product__info-wrapper .price-item.price-item--regular {
        font-size: 17px !important;
     }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Dan-From-Ryviu]

Hi @TuneToyz 

You can find your price's current code set font size on the product page in the base.css file, change 25px to smaller value

.product__info-wrapper .price-item.price-item--regular {font-size: 25px!important;}