Change css

I do understand that my question is out of the scope of this forum but I will ask it and hope for your answer.

I want to style the filters on a category page (I want them to appear slightly different from the shop page).

The filters has id like this:

<div id="woodmart-woocommerce-layered-nav-15" class="woodmart-widget widget sidebar-widget woodmart-woocommerce-layered-nav">
<h5 class="widget-title">Filter by color</h5>
<div class="woodmart-scroll has-scrollbar">
<ul class="show-labels-on swatches-normal swatches-display-list woodmart-scroll-content" tabindex="0" style="margin-right: -17px;">

On my category page “Women Sandals” will it work if I add the following css in style.css in child theme?

.term-women-sandals#woodmart-woocommerce-layered-nav-15 {
MYSTYLING
}

Will this work??

Hello,

If you want to add the custom CSS, add the code to the Theme Settings > Custom CSS. General is for all the devices and below there are fields for mobile devices of different widths.

Best Regards

[Author]

Posts