Category Display

Hi,

Your theme set the labels to display: block, that makes the labels to appear below the checkbox, but you can change the label to inline-block display by adding this CSS to wp-admin > Appearance => Customize > Additional CSS or to your Child Theme’s style.css:

.wpf_item label {
    display: inline-block !important;
    margin-bottom: 0 !important;
    margin-left: 5px;
    vertical-align: middle !important;
}

Please let us know how it works for you.

Thanks, It’s working but need more padding on top, how to code? check link https://prnt.sc/ubvr7h

Hi,

You can add more space at the bottom of the FIlter name by adding this CSS to wp-admin > Appearance => Customize > Additional CSS or to your Child Theme’s style.css:

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

You can change the value 15px to add more or less space, then please let us know how it works for you.

Thank you so much, just need 1 more help, how to remove border from the category? check ss https://prnt.sc/uddpse

Hi,

You can remove the border from the filter titles with this CSS:

.wpf_item .wpf_item_name {
    border-bottom: none;
}

Please let me know how it works for you.

That’s code not working.

I placed the below code :

.wpf_item label {
display: inline-block !important;
margin-bottom: 0 !important;
margin-left: 5px;
vertical-align: middle !important;
}

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

}

.wpf_item .wpf_item_name {
border-bottom: none;
}

Hi,

Sorry I forgot !important please replace the previous CSS with this:

.wpf_item .wpf_item_name {
    border-bottom: none !important;
}

and let me know how it works.

Thanks a ton! it’s working ??

Hi,

Happy I could help! If you like our products / services, please consider to write a review: https://www.ads-software.com/support/plugin/themify-wc-product-filter/reviews/#new-post

I did ??

Hello,

when I try to filter on top on the shop page then vanish the sidebar category from page https://prnt.sc/ug0vv9

Hi,

The Sidebar content visibility is hidden when you apply the view change, this can be resolved by adding this CSS to wp-admin > Appearance => Customize > Additional CSS:

.sidebar-inner * {
    visibility: visible !important;
}

Please let me know how it works for you.

Thanks, Its worked.

Hi,

Happy I could help! If you need help with anything else, please open a new topic.

If you like our products/services, please consider to rate us on our Facebook page: https://www.facebook.com/themify/reviews

Have a nice day!