I have implemented Finsweet CMS filter and CMS load and it work like it should.
But Im having trouble with styling the reset button in a active state. My reset button will be my “view all” and will be pre-checked when loading the page.
When loading the page the “view all” should be blue instead of only lines.
I have used the radio button filter for all of the filters.
To style the reset button in its active state, you can use the :checked pseudo-class in your CSS. This allows you to target the radio button input when it is checked, and apply a different style to it.
Assuming your reset button is a radio button input with the ID of reset, you can use the following CSS to style it when it is checked: #reset:checked + label { /* Your active styling here */ background-color: blue; color: white; } This CSS selector targets the label element that comes immediately after the #reset input when it is checked. You can replace the background-color and color properties with the styles you want to apply when the reset button is active.
Make sure to adjust the selector to match your specific HTML structure.