Goal: reduce the homepage price font size in the Shopify Dawn theme, mainly to prevent the currency symbol from breaking onto a separate line on mobile. Also requested a slight reduction for the installment line (“Ou 12x…”), preferably via the theme’s Custom CSS box rather than editing theme files.
Latest inputs:
Notes:
Status: No confirmation from the original poster that the CSS or the app resolved the issue; no final decision recorded. Discussion remains open.
Hi, can someone indicate how to reduce font size specifically for the prices on the home page?
In mobile view the price is separating from the currency symbol as shown on the image below.
The last line with “Ou 12x…” sometimes have the same problem. It would be nice to reduce a little bit too.
This is the website: www.princesaencantada.com.br
If possible it would be nice to adjust these font sizes using this CSS styling box instead of coding on the CSS files:
Hi @rafaelbata ,
May I suggest add code below to custom CSS:
body .card-information .price-item.price-item--sale {
font-size: 1.6rem;
font-weight: normal !important;
}
body .card-information .parcelamento b {
font-weight: normal!important;
font-size: 1.2rem;
}
HI @rafaelbata , thank you for posting here!
Are you bored with adding code and editing it every time you want to change the product price layout?
I have a tip trick for you: from now on, you won’t need those lines of code anymore. We have developed a comprehensive solution to edit the size, color, and position of each price type on your product without any coding. Try Snap Price Design Badge & Icon now for totally FREE to minimize the steps to edit your price design.
Please press 'Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
