Adjust font size for price in Dawn theme

[rafaelbata]

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:

[EBOOST · Accepted solution]

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;
}

[WizzCommerce_Co]

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.