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 *


We use cookies

We use cookies for various things on our site, including our on-site chat bubble (if you use it), our comment forms (if you use them) and for session handling (if you log in).

Other than that, we use cookies to identify where traffic came from to help us understand which traffic turns into sales, we use a cookie for Google Analytics traffic analysis and we use a cookie to customise adverts for our own products we think you'll be interested in.

You can read more detail in our privacy policy page. Please click 'Accept' or 'Decline' to continue.