Return to previous page

How to make the product count bold in categories

This topic has 6 replies, 3 voices, and was last updated 1 years, 1 months ago ago by Tony Rodriguez

Rich Kil

Participant

October 28, 2023 at 14:35

https://ibb.co/f8HTTzx

#371874 Copied Theme version: 5.2 WooCommerce version: 8.2

5 Answers
Rose Tyler

Support staff

October 29, 2023 at 11:39
Hello, Rich Kil,

Thank you for contacting us and for using XStore.

The next custom CS code can be used to change font-weight of the product count:
```
.category-grid .categories-mask .count {
    font-weight: 600;
}
```
Kind Regards,
8theme team
#371914 Copied
Rich Kil

Participant

October 30, 2023 at 20:53

where do I put this cs code?

#372059 Copied

Tony Rodriguez

Support staff

October 31, 2023 at 05:23

Hello, @Rich Kil,

Should you wish to bold the product count in categories for a specific element, you may do so by copying and pasting the CSS code under the ‘Edit Element Settings’ in Elementor, then proceed to ‘Advanced’ and finally to ‘Custom CSS’.

Alternatively, if you desire to bold the product count in categories across your entire site, you can achieve this by copying and pasting the custom CSS code to Xstore, then navigate to ‘Theme Options’, followed by ‘Theme Custom CSS’, and finally ‘Global CSS’. After completing these steps, please ensure to clear your browser cache.

For further assistance, we recommend referring to our theme documentation. https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

We trust this information will be of assistance to you.

Best Regards,
8Theme’s Team

#372062 Copied

Rich Kil

Participant

October 31, 2023 at 20:08

Where can I get the custom css code to make the product count bold in categories across the entire site?

#372182 Copied

Tony Rodriguez

Support staff

November 1, 2023 at 07:13

Hello, @Rich Kil,

We are pleased to inform you that we have successfully added the Custom CSS code to your Xstore. The specific location is Theme Options >> Theme Custom CSS >> Global CSS. This action has effectively resolved the issue you were experiencing.

We kindly request you to revisit your site. Please ensure to clear your browser cache before doing so.

For your reference, we have attached screenshots below that illustrate the changes made:

https://postimg.cc/FdgWfj9f
https://postimg.cc/3yQFgdf2

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

Best Regards,
8Theme’s Team

#372199 Copied
Tagged: bold, categories, product count, tutorial, website design, woocommerce, wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘how to make the product count bold in categories’' has been successfully resolved, and the topic is now closed for further responses

How to make the product count bold in categories

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection