Return to previous page

Changing the font of price on the website

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

Mitul

Participant

March 6, 2024 at 15:00

Hi

Please see here
https://obxgourmet.com/product/14-pc-velvet-heart-box/
and
https://obxgourmet.com/product-category/chocolates-sweets/

I want to change the fonts of the PRICE text.

I tried to check in builder panel but couldnt find font family option for price text.
(see attachment)

Let me know please.

Thank you.

Files is visible for topic creator and
support staff only.

#385834 Copied Theme version: 9.2.9

5 Answers
Rose Tyler

Support staff

March 6, 2024 at 15:46
Hello, Mitul,

Thank you for contacting us and for using XStore.
```
.single-product .et_product-block > .price {
    font-family: "Dosis", Sans-serif;
}
```
Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best Regards,
8Theme’s Team
#385846 Copied
Mitul

Participant

March 7, 2024 at 02:04

Hi

If you see screenshot, the font size is also different and i cant see font size defined in your code above.

So I think there is something else from where the fonts are coming.

Individual product page has blue color too.

I am sure its somewhere visible to do this.

THanks.

#385904 Copied

Rose Tyler

Support staff

March 7, 2024 at 08:36

Hello, Mitul,

We appreciate your prompt response.

Please be informed that adjustments to the font size and color for price on a single product page can be made through the Theme Options, as illustrated in the following screenshot: https://prnt.sc/S4X0JcAVG5QX.
Should this not meet your requirements, we kindly request that you provide us with a more detailed description of the outcome you wish to achieve

Best Regards,
8Theme’s Team

#385928 Copied

Mitul

Participant

March 7, 2024 at 12:29

Hi

This one https://prnt.sc/S4X0JcAVG5QX does not have option to change fonts (type of fonts).

I want to change that font to ROBOTO.

Please tell me from where I can change.

Thanks.

#385973 Copied
Rose Tyler

Support staff

March 7, 2024 at 12:31
Hello, Mitul,

In this case, you need to use custom CSS code, please add the next code in Theme Options > Theme Custom CSS > Global:
```
.single-product .et_product-block > .price {
    font-family: "Roboto", Sans-serif !important;
}
```
Best Regards,
8Theme’s Team
#385975 Copied
Tagged: change wordpress website pricing font, customize woocommerce price font, modify woocommerce price typography, personalize wordpress price font, revamp woocommerce theme price font
Viewing 6 results - 1 through 6 (of 6 total)