Filters with different color active state backgrounds?

How To
1

Hello,

I am using the new Filters functionality in Bricks, specifically the radio filter setup to look like buttons which filter a bricks query loop via categories.

This works great but I would like a different color background for each button when it’s in its active state. I know that when a button is in the active state an “active” class is added dynamically but I don’t know how to use this to style each buttons background.

Can someone please help with this?

Thanks.

2

UPDATE

I worked it out when I helped someone else. Each button is an “li” (list item), all you need to do is get the ID of the filter element you’re using and then use the css pseudo selector “nth-child” to target each individual button and set its background color for the active state eg (styles first button, nth-child(2) second button and so on:

#brxe-cmjpuj > li:nth-child(1) .active {
background-color: red;
}