Making the price smaller on product page

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!

1 Like

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 tag:


Here is result:

BSSCommerceHDL_0-1727399747921.png

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:

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!

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 on theme.liquid

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

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

1 Like

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