WIP: Outline class is not applied to default style button

Bricks Version: 1.4

Hi,

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,
timmse

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!

This is 1.5.3 and the button situation is not at all under control :frowning:

I had to write a ton of CSS to fix the whole outline issue, and now that border default style is broken (Button Border Radius can not work - #5 by Claudio), my fix is broken as well and I have to override too many rules to get it work.

And this is absolutely not cool to have to do this on multiple installs…

No offense but I don’t understand how you can not take this more seriously.

1.5.4 should really be a button fix only update, please.