Skip to content

How to customise the product counts appearance in the attribute and category widgets

Change Product Count Colour and Background

You can control the colours and backgrounds using CSS. Here is an example to change the product count colour:

.woocommerce .widget_awd_fast_category_widget ul li span.count, .woocommerce .widget_awd_fast_attribute_widget ul li span.count {
font-weight: normal;
font-size:12px;
color:#aaa;
background-color:white;
}

Removing Brackets

By default, if you include product counts in your widgets, they will be surrounded by (brackets).

If you wish to remove these brackets, you can add the following CSS to your site:

.awdff span.count:before {
content:"";
}
.awdff span.count:after {
content:"";
}

 

Did this article answer your question?

Leave a Reply

Your email address will not be published. Required fields are marked *


40% discount coupon for plugins and packs: CYBERFUNDAY. Click to join our Discord community and read the rules for an extra 20% discount coupon!