Return to previous page

Enlarge percentage discount font - by d4r1uzzo

This topic has 6 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

d4r1uzzo

Participant

October 9, 2018 at 10:37

Hello,
how can I only enlarge the font within the discount percentage area?

http://prntscr.com/l3xayp

Greetings,
Dario

Please, contact administrator
for this information.

#200746 Copied

5 Answers
Rose Tyler

Support staff

October 9, 2018 at 10:46
Hello,
```
.sale-value {
    font-size: 1rem;
}
```
Regards
#200748 Copied
d4r1uzzo

Participant

October 9, 2018 at 12:00

ok, but it also enlarges the background by covering the image.

http://prntscr.com/l3ydwe

I would like to keep the default background size and only enlarge the font.

Greetings,
Dario

#200753 Copied

Rose Tyler

Support staff

October 9, 2018 at 12:32

You need to change “Sale label size” in Theme Options > Shop elements > Sale & Out of Stock (for example 2.25×2.25).

Regards

#200759 Copied

d4r1uzzo

Participant

October 9, 2018 at 13:45

OK thanks.

Instead to enlarge the font and change the color of the title, price and category in the product card how should I write the css?

http://prntscr.com/l3zvpd

Compared to version 4.28.1 the css is quite different 🙂

Greetings,
Dario

Please, contact administrator
for this information.

#200767 Copied
Rose Tyler

Support staff

October 9, 2018 at 13:51
```
.single-product .product-content h1.product_title {
    font-size: 30px;
    color: red;
}
.single-product .product-content .price {
    font-size: 2rem;
    color:  black;
}
.single-product .product_meta .products-page-cats a {
    font-size: 16px;
    color: red;
}
```
Regards
#200769 Copied
Viewing 6 results - 1 through 6 (of 6 total)