Bricks Version: 1.6.2 Browser: Chrome and Firefox latest OS: Windows
Each time I set a value (static or variable) inside the border-radius in the editor, Bricks adds a solid light gray border by default, as illustrated in the image below.
It happens on buttons, images, divs, spans, basically on every element, on the id level or a class it doesn’t matter.
The only fix I found so far is to add the border radius through the root class in a css panel, the one from the element itself or even a parent, both works.
I’ve just switched to the 1.7 beta and I’m getting this bug again… I’ve setup borders in the builder and it’s ignoring that and showing a light grey. It’s also ignoring the animations that I’ve put on the borders (thickness was changing on hover before update). It’s behaving normally in the builder, just not working on the front end.
Hi Alejandro,
Welcome to the forum. Yes, the default border color is still there and can be overridden in the Theme Styles but do not apply automatically if you add a border-radius, which this report was about. What exactly is the problem in your case?
I was having the default border show up on a nested block inside a header I was working on. Tried many things (including refreshing the page and manually changing the border radius) and nothing happened. Then, I deleted the divs and started from scratch, and the border still kept showing up, but then I refreshed the page again and the border disappeared and has been working okay since. May have been a bug?
Hi @timmse - how do we disable the default blue outline on form input focus? The typography one works, but I don’t see the same Focus outline option to set to “none” there.
