Return to previous page

How to increase the font size of price in single product page in elementor

This topic has 2 replies, 2 voices, and was last updated 2 months, 1 weeks ago ago by Tony Rodriguez

ccnam

Participant

October 9, 2024 at 16:35

I want to increase the font size of the variable product prices on the single product page using Elementor, but I can’t find this option.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#418033 Copied

1 Answer
Tony Rodriguez

Support staff

October 10, 2024 at 05:46
Hello, @ccnam,

Thank you for contacting us and for using XStore.

To enhance the appearance of variable product prices on your website, we recommend implementing a custom CSS code. Please follow the steps below to apply the changes:

1. Navigate to XStore > Theme Options.
2. Click on ‘Theme Custom CSS’.
3. Select ‘Global CSS’.
4. Insert the following CSS code:
```
.single-product .woocommerce-variation-price .price {
   font-size: 32px !important;
   color: red !important;
}
```
This adjustment will modify the font size and color of the variable product prices to ensure they stand out more prominently on your site.

Should you require any further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Please contact administrator
for this information.
#418073 Copied
Tagged: best selling woocommerce, customize single product page, elementor product page tips, elementor woocommerce themes, enhance product page font, increase price font size
Viewing 2 results - 1 through 2 (of 2 total)