WIP: Styling hover states of button in Theme Styles

Bugs
1

Hi,

I tried to define styles for different button types in Theme Styles. But I have discovered that if I define a property in the normal state, that property disappears from the available options in the hover style (global Pseudos). Removing the style from that property makes it reappear in the hover options. So, effectively if I define the normal style, I cannot define the same property in the hover state.

I have reverted to 2.0.1 and it seems that I can style the hover styles as expected. It seems to be a 2.0.2 issue, based on what I have experienced.

Greetings,
Tom

Screenshot 2025-08-26 124844
Screenshot 2025-08-26 1248441029Ă—1550 60.5 KB

1 Like
3

Hi @AMX,

can you record a step-by-step video with voice of the issue? I don’t really understand how to replicate this one.

Thank you,
Matej

4

Hello Matej,

it is quite simple:

  1. Please open a page/template in 2.0.2 and go to Theme Styles > Elements > Buttons.
  2. Please pick one button type, for example “Light”, as in my screenshot
  3. Change the background color for this Button type and save the Template/Style
  4. Now, please add a pseudo (:hover) by clicking on the arrow in the top-right corner of my screenshot.

Is the option to define a background color still available for this Button type in the hover state?

As you see in my screenshot, background color is available for Dark Buttons but not for Light Buttons when :hover is selected.

It is gone for me in 2.0.2, but I still have it after reverting to 2.0.1.

5

Hi AMX,

I see. I was not able to replicate your exact issue, because I still see all the controls, but I did noticed that the color in the color control did not update. It should be green, not red.

CleanShot 2025-08-27 at 10.56.06@2x
CleanShot 2025-08-27 at 10.56.06@2x672Ă—660 24.9 KB

I’ll create an internal bug report for this, but I would still love to somehow replicate your issue. Does the same happen even for other styles or only for light?

Thanks,
Matej

6

It happens for other Button Types too. At first, I did not see a pattern and thought only certain Button Types were affected (the ones that I had styled).

Then I created a fresh new Theme Style and when it was blank all properties behaved correctly.

But as soon as I styled one property of a single Button Type, that same property became unavailable in the :hover state.

7

Can you try to remove all plugins? Or maybe can you test this on try.bricksbuilder.io. Are controls gone even there?

Thank you,
Matej

8

I deactivated all plugins on a local site. The same thing happens.

The controls re-appear after reverting to 2.0.1.

9

I still can’t replicate the missing controls :frowning: Do you have any website online, that I could check?

Matej

10

I have created a new blank site, with no plugins. The same happens. It also happens on muliple sites, in 2 hosting companies, and also locally.

How can I share login data privately in the forum? Click on your profile and the message button, or is there another way?

11

Hi @AMX,

it’s best if you can you send temporary login credentials to your empty website and a link to this topic to help@bricksbuilder.io using the email address you used during the purchase. Then I can take a look.

Thank you,
Matej

12

I came to report this same bug. Please @Matej check the described behaviour on this video recording: Jam

After recording my screen I saw it happens also for Links settings inside Theme Styles, not only for Buttons, so it might happen to other settings/elements as well.

13

I have created a blank site for you and sent the login details to the support email.