highlight filter that is selected

Anonymous

#254672

Hi there,

I’m trying to get the filter that I have selcted to be bold so it stands out from the rest. I have tried the following:

input[type=”checkbox”]:checked + label
li[data-sf-field-input-type=checkbox]:checked + label

Also with the class in front (.searchandfilter) and nothing is showing the alternate just so you can see which one is which.

Any help would be amazing thankyou

Anonymous

#254673

Ok so I have an edit… it is working on the products but not on the product category filtering:

body input[type=checkbox]:checked + label{
font-weight:900 !important;
color:#091843;
display:block;
}

working:
/products/?_sft_product_category=isobaric-filling

not working
/product-category/beverage-packing-equipment/?_sft_product_category=isobaric-filling

Can you help to clarify this one?

Anonymous

#254674

Edit number 2:

after further investigation it is like the children/subcategories don’t actually get :checked like the parents do hence not seeing the :checked css.

Also it appears that everything works well on:
archive post-type-archive post-type-archive-products

but on:
archive tax-product_category term-beverage-packing-equipment
This is where nothing is reading through…

Any help would be awesome please

Trevor

#254689

Are you able to send me a live link/URL to your search page so I can take a look?

Can you give me an example of terms to select to see what you see?

I assume that the CSS you mention is still in place?

Anonymous

#254716

This reply has been marked as private.

Trevor

#254753

When I watch the filter being checked, I can see that some JavaScript is deselecting the input (checkbox). Any idea what is doing that, as it is not normal in our plugin?

Anonymous

#254782

Hi there Trevor, I hope you had a good weekend.

No, I have no idea what is causing the js to close it. I am starting o freak out as the client needs the site completed and this is one of the lasting issues we need to be sorted. Can you think of anything else it could be that could be triggering it?

Anonymous

#254849

This reply has been marked as private.

Trevor

#254855

I can’t, but why is it adding the elementor_library=automation-handling-equipment part?

I have seen this before, and it happens when the page is not a real page, but not understood why elementor does this instead of using the archive page URL?

[Author]

Posts