Return to previous page

How to customise font sizes in shop page

This topic has 9 replies, 4 voices, and was last updated 9 months, 2 weeks ago ago by Andrew Mitchell

bmrg

Participant

March 2, 2024 at 12:13

Hi,

How can I customise the various font sizes (title, category and price) on main shop page?

Thank you,
Bernardo

#385438 Copied Theme version: 9.2.9

8 Answers
Tony Rodriguez

Support staff

March 2, 2024 at 13:07
Hello, @bmrg,

Thank you so much for purchasing our theme and contacting our support center.

To address the issue you’ve encountered, we kindly ask that you implement the following CSS code. This can be done by navigating to the “XStore” section, selecting “Theme Options,” then “Theme Custom CSS,” and finally “Global CSS.”

Please insert the following code:
```
.woocommerce-shop .content-product .product-title {
    font-size: 18px !important;
}
.woocommerce-shop .content-product .products-page-cats {
    font-size: 26px !important;
}
.woocommerce-shop .content-product .price {
    font-size: 20px !important;
}
```
Should you wish to adjust the font sizes to better suit your needs, please feel free to modify the font-size values within the code accordingly.

We trust this solution will be of assistance to you. Should you require any further support, please do not hesitate to contact us.

Best regards,
The 8Theme Team
#385444 Copied
bmrg

Participant

March 2, 2024 at 15:58

Great, thank you!

#385456 Copied

bmrg

Participant

March 2, 2024 at 16:06

I also need to reduce font size for sidebar widget, can you help?

#385457 Copied

Rose Tyler

Support staff

March 3, 2024 at 08:44

Hello, @bmrg,

Thank you for getting in touch with us.

As you have indicated that the website in question is hosted locally, we are unable to directly review the specific content within your sidebar. We recommend utilizing Yellow Pencil, accessible via the XStore > Plugins Installer. This robust visual CSS editor for WordPress allows you to customize any theme and page visually, without the need for coding.

Should you require further assistance or have any additional inquiries, please do not hesitate to contact us.

Best regards,
The 8Theme Team

#385482 Copied

bmrg

Participant

March 9, 2024 at 10:35

Unfortunately when I open the edit with yellowpencil page the sidebar filters column disappears.

can you please send me the code?

Files is visible for topic creator and
support staff only.

#386162 Copied
Rose Tyler

Support staff

March 9, 2024 at 13:21
Hello, @bmrg,

Thank you for getting in touch with us.

Please try to use the next custom CSS code:
```
.sidebar-widget li a {
    font-size: 14px;
}
.sidebar-widget .price_slider_amount, .sidebar-widget .price_slider_amount span {
    font-size: 12px !important;
}
.sidebar-widget .price_slider_wrapper .button {
    font-size: 11px;
}
```
https://prnt.sc/3mF8zL3eca_v

Thank you for your cooperation and we look forward to hearing from you soon.

Best regards,
The 8Theme Team

Please contact administrator
for this information.
#386169 Copied
bmrg

Participant

March 10, 2024 at 17:30

Thank you

#386253 Copied

Andrew Mitchell

Support staff

March 10, 2024 at 17:30

Dear bmrg,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#386254 Copied
Tagged: best selling themes, customise font sizes, font customisation guide, improve woocommerce shop, shop page customisation, woocommerce themes
Viewing 9 results - 1 through 9 (of 9 total)