SOLVED: Unable to style filter when assigned to a class

Bugs
1

Hi,

When I add a class to a Radio filter element > Button, I am unable to style the background colour (although the ‘Active’ background colour works) on my mobile base breakpoint.

As soon as I style at ID level on my mobile base breakpoint, it works fine.

  • Bricks Builder 1.9.9(beta)
  • Mobile-first approach

Thanks,

2

The same things happens when I try to edit the gap. It does not work on the class level, only at ID level.

Filter > Style > Layout > Flex > Gap.

3

It would be great to be able to change the padding of the buttons also. Currently, I am unable to whatsoever.

They currently take on whatever is set for the Button default inside my Theme Styles.

Thanks,

4

Hi Mike,
Thanks so much for your report!

Gap and background color: The default/theme style styles are more specific than your class. We will see how we can solve this problem.

Regarding the button padding:

%root% .bricks-button {
  padding: 4px;
}

I will note this as well.

Best regards,
timmse

1 Like
5

I’ve noticed that the Taxonomy element using the .bricks-button class but, with this element, you can change the padding and background colour using the UI (you cannot however change the gap).

6

I can’t seem to be able to edit the font sizes for the labels on filters either, using the UI.

7

Hi guys,

We’ve fixed this issue in Bricks 1.10, now available as a one-click update in your WordPress Dashboard.
You can see the full changelog here: Bricks 1.10 Changelog – Bricks

Please let us know if you are still experiencing issues.

Best regards,
M