Looking for support? You can access the support system via your account.
- This topic has 8 replies, 2 voices, and was last updated 3 years, 7 months ago by .
You must be logged in to reply to this topic.
Looking for support? You can access the support system via your account.
Forums › Forums › Search & Filter Pro › highlight filter that is selected
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
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?
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
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?
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?
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?
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?
You must be logged in to reply to this topic.
© 2024 Search & Filter Support. All Rights Reserved.
This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
We also use cookies to store items in your cart as well as allowing your to login on the site.
You can adjust all of your cookie settings by navigating the tabs on the left hand side.
By continuing to use this site, you also agree to our Privacy Policy.
Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.
*Other cookies used for logging in and cart functions will only be used when you use those features and cannot be disabled.
If you disable these cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.
This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.
Keeping this cookie enabled helps us to improve our website.
Please enable Strictly Necessary Cookies first so that we can save your preferences!
More information about our Cookie Policy