How to edit the hover / active / selected states of elements defined in the "Theme Styles" (in my case the buttons)?

Just wondered where I can edit the hover / active / selected states for the buttons and change edit some settings, e.g., making an outlined version that has the border inside, so the outlined buttons are not bigger than the non-outlined ones?

Do I have to write custom CSS each time and if so: Can I be sure that the class names bricks uses for the buttons stay the same or do I have to check that with each and every update?

Hello @901422183 ,

You can edit the hover state of theme-style-defined settings the same way you edit them elsewhere. So just activate the :hover state and edit the theme styles normally and save.

Let me know if that worked.

1 Like

I will try soon and write you about, thanks a lot! :slight_smile:

Are there :after and :before pseudo elements hidden somewhere or do I have to do that with custom css?

Open the pseudo-class field, and then you can create them if you don’t see the pseudo-classes you want there.

1 Like

Oh I can create them…amazing! Have overseen that, thanks @jornes!

You and @cristianuibar are saving my weekend, had already lost hope getting my answers in time, thank you two a lot :heart_hands: :slight_smile:

1 Like

It worked! :tada: Just thought it did not because there seems to be a bug currently where I need to refresh the whole page to see the normal state in the builder after editing the hover state.

@901422183 Hi! Glad it helped and saved your weekend. :smiley: :smiley:

1 Like

Yeah, I am currently doing this at home, first time using bricks & wordpress with no colleagues that could help me with Bricks (+ a lot of time pressure). So your fast help is pure gold. :slight_smile:

1 Like

Bricks community is healthy.

In case you haven’t yet joined this, please join.

You will have one more place to ask for help.

2 Likes

Oh, amazing! I searched for that but did not find! Thank you :slight_smile:

1 Like

Nice. Didn’t know about that either. Just joined.

1 Like