CSS for product categories

Hi there,

Are you referring to the plus sign in the sidebar?

That is a WooCommerce widget so you might need to check with their support team first.

I also see that you've already added lots of custom CSS for it.

Hi Leo.
Its the plus sign next to the Recovery Boots category to the left.

The styling and JS I found in a post here on this forum: https://generatepress.com/forums/topic/style-product-categories-in-left-sidebar/

I just want to adjust the CSS. Can you help me with that?
1) The plus sign needs to be as far to the right as possible.
2) For the category where the plussign is located (recovery boots), the product count and the plus sign is not aligned vertical with the text of the category (they are going below the text of the category). Is it possible to “lift” the plus sign and product count so they are aligned with the text of the product category like the other categories

Hi there,

you have this CSS:

.woocommerce .widget_product_categories span.count {
    color: #808080;
    margin-left: 5px;
}

change it to:

.woocommerce .widget_product_categories span.count {
    color: #808080;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

Perfect - thanks a lot :)

You're welcome