Price suffix formatting options

[gergo]

Hi,

I started to use the price suffix option in WooCommerce, it works fine.
Somehow the XTemos Elementor WooCommerce Price content suffix customization doesn’t work.

I set the text size to 8px but nothing happens. (my last screenshot)

How can I setup the text stye option of the price suffix.

For me that would be optimal, if I can change the text size smaller and the whole price suffix starts in a new line.
For example:

Price: 100EUR
(Price with VAT: 117EUR)

Thanks for your help.
Gergo

• This topic was modified 1 year ago by gergo.

Attachments:

You must be logged in to view attached files.

Hi,

Could you please send us a link to your website where we can see this issue?

Kind Regards

Hi I sent the information privately.

To fix this issue, try to add the following code snippet to the Custom CSS area in Theme Settings.

body .wd-single-price .price .woocommerce-price-suffix .amount {
	font-size: inherit;
}

body .woocommerce-price-suffix {
	font-size: 24px; /* set suffix size here */
}

Thanks for your solution.
Can you check on the front page too? Somehow it works in the opposite way, the first price is small the second is bigger. Could you use flex box or something else, to behave the two prices together in responsive mode?
It would be a nice option to add to the widget as option to show the suffix in new line.

Thanks.

Attachments:

You must be logged in to view attached files.

Try to replace previous custom CSS with the following one

body .wd-single-price .price .woocommerce-price-suffix .amount {
	font-size: inherit;
}

/* single product suffix size */

body .wd-single-price .woocommerce-price-suffix {
	font-size: 24px;
}

/* product grid suffix size */

body .product-grid-item .woocommerce-price-suffix {
	font-size: 12px; 
}

[Author]

Posts