How to increase product price font size in Berlin theme?

I want the font size of the price on my product page to be a bit larger. maybe 2rem? When i go to edit the code for that section, all it does is increase the padding. According to the CSS, it looks like there’s a hidden price below the visible one. I have no other custom CSS.

my URL is https://companyoftheelite.com/

use this in your main product css file or theme css file

.featured-products ul.featured-products__list li .card-information .price span.price-item–regular {

font-size:3rem;

}

or simply add

.featured-products ul.featured-products__list li .card-information .price {

font-size: 3rem;

}

because your font size is already 2rem or you can change it into px unit

Hi @COE_LORA

The current font size of your price is 2rem. If you still want to increase it, then please add this code to theme.liquid file, after Online Store > Themes > Edit code


Best Regards,

Dan

Hi @COE_LORA ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly