How to edit the filter cc-filter-item selected class?

Getting Started
1

To all the CSS ninjas,

I have been struggling for 2 days, trying to find proper documentation about how to simply edit the style of the cc-filter-item selected class
Which is just giving me the option to create a different style to the filter selected in a button single filter.
I can see the classes created and the one I want to target is called ‘selected’, I imagine I should be able to access it with Relative Styling but can’t find the rule that would actually work.

Sorry to ask for such a simple thing, but it seems that I can’t get it to work…

Thank you all in advance for your help on this!

Best,

J

2

Finally found it!!

for those who could find themselves in the same situation:

selected filter
selected filter3684×1127 405 KB

I knew it was simple and that I wasn’t far!!

1 Like
3

Hi @JuGa,

Glad to see you were able to figure it out!

In the docs, we have actually put together a cheat sheet of Relative Styles that are commonly used: https://docs.cwicly.com/design/relative-styling#cheat-sheet

If you have any other rules that you think could be useful for others, please don’t hesitate to let us know :slight_smile: