DUPLICATE: Overlay gradient adds position relative to child elements

Bugs
1

Bricks Version: 1.6
Browser: Chrome 108.0.5359.94
OS: macOS Ventura 13.0.1
URL:

When I add an Overlay gradient to my hero section, Bricks is adding the following rule:

.hero.brxe-section > * {position: relative}

I want my next section to be positioned absolute, but this rule overrides it (unless I add !important):
Shared with CloudApp

Is this necessary? Can’t it just be:

.hero.brxe-section {position: relative}
2

Hi Brian,
Thanks so much for your report!

It is certainly not necessary, but it makes work easier for most users, as otherwise, they would have to set the elements manually to position: relative or something other than static. We received a lot of reports like “x overlays y”, so we decided to add this “helper” style.

However, this creates the problem that you can no longer change the position value so easily, which has already been reported here:

A solution is already on the ToDo list. In the meantime, !important is the way to go.

Best regards,
timmse

1 Like