Tell us what you are trying to do?
Hello, we are trying to customize the appearance of the checkboxes - you can see them on the homepage of battstaging2.com. We are actually really struggling with this - and we can't use the native checkboxes since the appearance changes from browser to browser, and visual design is very important to us.
At first, we tried to use the jQuery checkboxradio() - and this did not work for some reason. Now, we are using an alternative, but popular, custom CSS configuration that hides and then recreates part of the checkbox, and it does work. But only if the <input> is not nested *inside* the <label> - we are able to achieve this by giving the outputs shorcode of "legacy" - *however* it does not fully work on the category outputs. You can see that the category outputs are not fully working on our homepage.
I am really hoping you can help, because the appearance of the checkbox is very, very important to us - it is the most major visual element of our site, so we really need to have control over this, thank you!
Is there any documentation that you are following?
No
One other note - I recently chatted with someone from Toolset about this, and they told me that the we were doing it was actually too custom for Toolset.
If you have a *different* suggestion than hiding the checkbox, that would be great! Really, we are just trying to have control over the appearance of the checkbox. But it doesn't matter how this is achieved.
Hello. Thank you for contacting the Toolset support.
I checked the HTML source hidden link and check the top checkboxes field and I see the label is added just after the checkboxes input. As you can see with the following link;
=> hidden link