Change product Price || Berlin theme

1 0 0

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

Replies 3 (3)

69 25 29

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 {



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


Shopify Partner
7006 1324 1349


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 <head> Online Store > Themes > Edit code 


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


Best Regards,



- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

717 140 133



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


.card-information .price * {
font-size: 2rem;




Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly


Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.