Making Price bigger on product page

[TuneToyz]

My website is TuneToyz.com. How can I make the price bigger

[Kate_WSQ]

Hi @TuneToyz

You can edit the product price in Shopify Admin > Products. However, I’m not sure if you’re asking about how to edit the price or how to choose the right price for your products. If you’re asking about choosing the right price, you’ll need to do some market research.

I hope this helps! If you need any further assistance, feel free to ask!

[BSSCommerce-HDL]

Hi @TuneToyz ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

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

[Sweans]

Hi @TuneToyz ,

To increase the font size of the price on your Shopify store, you can follow these steps:

1 Log in to your Shopify Admin Page.

2 Navigate to Themes:
On the left sidebar, click on “Online Store.”
Under “Online Store,” click on “Themes.”

3 Edit the Theme Code:

Find the theme you want to edit.
Click the three dots next to the theme name.
Select “Edit Code.”

4 Modify the CSS:

In the “Assets” folder, locate and click on “base.css” or “theme.css.”
Add the following CSS code to the file:

.price-item .price-item--regular {
font-size: 36px !important;
}

5. Save the changes and check your store to see the updated font size.
   before

after

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards
Sweans

[TuneToyz]

I added the code but the price isnt changing

[ZestardTech]

Hi @TuneToyz

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

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

[TuneToyz]

Hey is there a way to still make it the regular size on the catalog page? Thanks

[ZestardTech]

Hi @TuneToyz

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

Remove this CSS:

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

Add this CSS:

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

[TuneToyz]

hey it changed on the featured product page but not on the actual product page

[ZestardTech]

Hi @TuneToyz

These changes have affected both the featured product page and the product page. You need to apply the changes only to the product page.

Product page

Home page