How to make product price bigger and bolder on my website?

Store Design

Topic summary

A user seeks help making product prices larger and bolder on their Shopify store, providing a screenshot and product page link for reference.

Three solutions were offered:

  1. Custom CSS via theme.liquid: Add CSS code above the </body> tag in the theme.liquid file to increase font size and weight

  2. Product page template settings: Navigate to the product information section’s Custom CSS area and adjust the .price font-size value (suggested: 2.25rem)

  3. Direct CSS file editing: Locate base.css, style.css, or theme.css in the Assets folder and add CSS targeting .price-item, .price-item--sale, .price-item--last with specifications like font-size: 25px and font-weight: 900

All responses include step-by-step instructions for accessing Shopify’s theme editor. The discussion remains open with no confirmation of which solution the original poster implemented.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

IMG_5335.jpeg
IMG_5335.jpeg1170Ă—2532 153 KB

Hi Please can someone give me the code to make the price bigger and bolder.

https://hothugger.com/products/cream-hot-hugger-wearable-hot-water-bottle
refresh theme

1 Like
2

Hey @Finn4

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695904119985.png
Moeed_0-1695904119985.png359Ă—653 30.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Go to the template of the product page, click to Product information section, scroll down to Custom CSS and add this code

.price {
font-size: 2.25rem;
}

You can increase the value to make it bigger.

4

Hi @Finn4

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
span.price-item.price-item--sale.price-item--last {
    font-size: 25px;
    font-weight: 900;
}