Return to previous page

Font sizes for different prices - by Rodrigo Carlos

This topic has 4 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Olga Barlow

Rodrigo Carlos

Participant

July 11, 2020 at 16:44

Hello people,

I increased the font size of the price, but when different prices appear on the product page, they all have the same size: https://prnt.sc/tfxlca

How do I configure specific sizes for each different price?
And in the case of the real price and the discounted price, how do I get one under the other?
Here’s an example I did using the browser console: https://prnt.sc/tfxpi7

Thank you!

#244142 Copied Theme version: 6.3.5 WooCommerce version: 4.2.0

3 Answers

Rose Tyler

Support staff

July 12, 2020 at 08:17

Hello,

Please describe the desired result in more detail.

Regards

#244165 Copied

Rodrigo Carlos

Participant

July 12, 2020 at 22:21

When I change the font size of the price in css, the new size is changed equally for all prices that appear on the page: https://prnt.sc/tgicce
See the attached page link.
But I wanted each price to be a different size.

And in the case of the discounted price (from $XX to $YY), it is currently https://prnt.sc/tgidwl, but I would like it to be https://prnt.sc/tgie26.

Thank you!

Please contact administrator
for this information.

#244229 Copied
Olga Barlow

Participant

July 13, 2020 at 19:19
Hello,

You use the classes to apply changes. If another element has the same classes then changes will be applied for that element too. You can add the custom to reduce the size of the other prices

.product-information-inner .rightpress_product_price_live_update .woocommerce-Price-amount, .product-information-inner del .woocommerce-Price-amount { font-size: 20px; }

Regards
#244295 Copied
Viewing 4 results - 1 through 4 (of 4 total)