[Resolved] Product Sidebar Styling

[Marshall]

I’m looking to style the shop sidebar with collapsable sub-categories since I am going to end up with a lot of products and don’t want a complicated main menu. I found the forum topic linked below and gave the code a shot, but it did not have the expected result (+/- were not visible and I couldn’t see the subcategories) so I disabled the CSS and JS.

refrence: https://generatepress.com/forums/topic/style-product-categories-in-left-sidebar/#post-786561

[David]

Hi there,

that particular option relied on there being the product count being display as it adds a span tag that is used for the open close toggle – if you can switch product count on and try the code it should work, we can then do something about hiding the count.

[Marshall]

perfect that worked. If there is a way to hide the count that would be great

[David]

Look for this CSS:

.woocommerce .widget_product_categories span.count {
    color: #ddd;
    margin-left: auto;
    font-size: 0.8em;
}

And change the font-size to 0

[Marshall]

worked perfectly – thank you!

[David]

Glad yo be of help

[Author]

Posts