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

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