How to increase product price font size in Berlin theme?

COE_LORA · ‎02-01-2024

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/

xtrend · ‎02-01-2024

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

Dan-From-Ryviu · ‎02-01-2024

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

<style>
.price-item { font-size: 24px !important; }
</style>

Best Regards,

Dan

- Helpful? Like and Accept solution! Or Support me: Buy Me Coffee ❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

PageFly-Oliver · ‎02-01-2024

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

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

}
</style>

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.

How to increase product price font size in Berlin theme?

How to increase product price font size in Berlin theme?

Community Blog Articles