CMS Filter - View All button not working

I am using FS filtering on a blog page (see preview link below). I set up the filtering using FS accessible component UI kit radio buttons. I followed the documentation to set the “view all” button on page load (linked below), but the button is not active on page load and no styles are showing when clicked. The filters are clearing properly but I need to get the active state working. Any ideas?

read-only link:

staging site:

documentation followed:

Hi @accounting - don’t know if this will fix it, but having looked at your preview link, the radio button for view all has a different Radio Group name to the CMS radios. As per the docs you shared in your post, they all need to have the same group name.

All items:

CMS radios:

1 Like

Thanks for the help! I updated the group name to be consistent with the CMS radios, but still no luck. Any ideas @Support-Luis ?

Hey @accounting! you seem to be missing the background color on your embedded style.

Can you add this?

  .fs-radio_button-4.w--redirected-checked ~ .fs-radio_label-4 {
    color: #154571;
    background: aliceblue;

@Support-Luis This is working better, it add the background on page load. But the problem is that I don’t want a background color, I want the border color of view all to be #154571 on page load. Can this script be modified for border color? I want it to have the same border that the other filter fields have when they are clicked.

Sure! Here is the updated style

  .fs-radio_button-4.w--redirected-checked {
    border: 1px solid #154571; /* Add border to .fs-radio_button-4 */