SOLVED: Button color highlight and hover issue inside the builder

Bricks Version: 1.5.3

Hi,

There is a color problem when hovering or selecting a button inside the builder: button background changes to color defined for light button style because of an invasive CSS rule that wrongly targets the .bricks-highlight-element class:

:root .bricks-button[class*="light"] {
    background-color: var(--bricks-color-tobhon);
}

As a general rule, never use class* wildcard without dashes or underscores or non ambiguous keyword.
For instance, here “-light” or “-primary” should be used, and even this could be dangerous…

Hi Yan,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

1 Like

Hi Yan,
We’ve fixed this bug in Bricks 1.5.5, now available as a one-click update within your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best regards,
timmse