Hey,
I have used the list filter to successfully build a Radio Button menu designed to filter CMS content based on content type (Articles, Webinars, Guides, etc.) and have also added a ‘All’ Radio Button (selected by default when the page loads). Additionally, I have styled the Radio Button’s (including the ‘All’), so that when pressed/selected, they change color.
With Attributes V2 List Filter, how do I style the style the Radio Button’s text, so that when the Radio Button is pressed/selected, the button text changes changes colors or font becomes bold?
Webflow Read Only Page
Hi @andrew4!
You can use the Active Class Attribute: fs-list-activeclass="CLASS_NAME" to add an active class to a Filter UI element when it is selected.
You can read all the info in the docs.
Let me know how it goes!
Hi @Support-Pedro,
Thanks for the response.
I added the Active Class Attribute: fs-list-activeclass="CLASS_NAME", to the Radio Button Label (button text) and styled the class, but it’s not changing the font weight to ‘Bold’ when pressed.
The Active Class Attribute work’s perfectly for the styling the Radio Field (adding stroke styles), but for some reason it’s not styling the Radio Button Label (button text).
