WIP: Outline class is not applied to default style button

Bricks Version: 1.4


When using default style button (unset default primary style), outline class is not applied to button when checking outline option.

Quick fix: Apply outline class manually in the builer and add this CSS:

.bricks-button.outline:not(:hover) {
    background: transparent;
    color: var(--your-default-color);
a.bricks-button.outline:hover {
    border-color: transparent;
    background: var(--your-default-color);
    color: var(--white);

(But it actually depends a lot on your settings so it might not work for you.)

Button styling really needs a particular attention in Bricks, it is very confusing at the moment, and there are a lot of misfunctions…
This can’t be left in this state, since buttons are a major element in every site. This is basic and shouldn’t require so many CSS hacks to work :wink:

1 Like

Hi Yan,
Thanks a lot for your report.

You have already mentioned the outline problem in one of the other three bug reports about buttons, which are still a work in progress :wink: I strongly expect that we will get the problems under control in 1.4.1.

Best regards,

1 Like

Yes sorry, I’m a bit loss :wink:
But this issue is a bit more specific, I think.
Anyway, can’t wait for next one, good luck!