How to increase the product price size (Text height) on the product page?

Store Design
, , ,
1

Hi,
I´m looking to make the product prices bigger (Price text height) on my website
https://selectotiendavirtual.com/

Would you please give me some advice on this

1 Like
2

Hi @EstebanPenagos ,

Try this one. It will change all the font size prices in all website store.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
  4. And Save.
.product_price {
    font-size: 25px;
}

Result:

Ribe_Dagandara_0-1690405169339.png
Ribe_Dagandara_0-1690405169339.png572×266 22 KB

I hope it help.

3

Many thanks,

Is there a way to change the price size on the product page only?
In regards of the product tittle, is there a way to make it normal text and not having that white square?

1 Like
4

Hello @EstebanPenagos ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.product-price {
  font-size: 24px;
}

Save and preview

Hope this can help.

Transcy

5

Nope, you need a liquid code to change the font only in the product page. Im not seeing the white square your like to remove.