• Dear community,

    I want to edit the space between the filters and the linespacing between the shown filter options. Make the filter menu more compact. How do I edit this in the plugin Woocommerce product filters?

    Thank you in advance for your reaction!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author themifyme

    (@themifyme)

    Hi,

    Please post a screenshot and point out the spaces you would like to reduce, so we can help with that, using Custom CSS.

    Thread Starter cpdt

    (@cpdt)

    Hi! Thank you for your reaction. Below two photo’s can be found. The first one is the original in which the filters are long and with large spaces. In the second photo I edited the photo and made the spaces smaller. I want something like this. Thank you in advance for you reaction!

    Plugin Author themifyme

    (@themifyme)

    Hi,

    You can remove the spacing from the top and bottom of your filter items by adding this CSS to wp-admin > Appearance => Customize > Additional CS

    .wpf_item {
    padding: 0 !important;
    }

    Please let us know how it works.

    Thread Starter cpdt

    (@cpdt)

    Hi!

    That’s great. That works partly. Is there a possibility to remove more spacing between the filter options? The filters still don’t fit in the screen on desktop…

    Thank you for your reaction!

    Plugin Author themifyme

    (@themifyme)

    You can reduce the spacing between filter items, filter options and filter titles with this Custom CSS:

    .wpf_item .wpf_item_name {
    margin-bottom: 5px !important;
    }

    .wpf_slider.ui-slider {
    margin: 12px 0 !important;
    }

    .wpf_items_wrapper ul.wpf_column_vertical li {
    margin-bottom: 2px !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Edit space between shown filters’ is closed to new replies.