SOLVED: Pseudo elements get applied on all page elements

[maximebeguin]

Bricks Version: 1.5 beta
Browser: Chrome 90
OS: macOS

Hey guys,

I’m still working on my single blog post template, and I noticed that when I add a pseudo element such as :before or :hover on any element or class, it doesn’t get bounded to the element/class but is output on frontend as :before{…} and :hover{…} thus it applies to all elements on the page. I’m not sure it’s a known issue - I haven’t found posts mentioning it.

[Sridhar]

Hi Maxime,

Known issue.

SOLVED: Overlay being applied to all elements on the front end

Hi Sridhar, Thanks so much for your report! I think the issue is related to the mysterious :hover issue, which is already fixed in my dev installation. Best regards, timmse

[timmse]

Once or twice this has already been reported

SOLVED: 1.5b - Query Loop w/hover affects entire page

Bricks Version: 1.5b Browser: Chrome 103.x OS: Windows URL: bt.thedoves.org -Applying a transform size to hover on a loop element applies it to the entire page affecting ALL elements vs. just the card/container. Displays correctly on the backend, but the frontend entire page is affected. [image]

SOLVED: CSS Styling(:hover) of a Button is applied to every element on page

Bricks Version: 1.5-beta Browser: all (out of scope) OS: macOS (out of scope) Hello dear Bricks family, I might have too specific bug to report and hope you’ll be able to reproduce. I suspect that some elements that are hierarchically under the Query loop could be affecting the whole page when their hover styles are set. Specifically a button. I first got into this problem on a little bigger site so I tried to reproduce on blank new page and was able to reproduce the problem. My structure…

SOLVED: Pseudo Class :hover Preview Issues

Bricks Version: 1.5b Browser: Brave OS: macOS If I set a hover pseudo-class on an element’s class, and then another hover pseudo-class on a different element without the class the two hover preview states get linked. Here’s a video: https://drive.google.com/file/d/1QOVDDsSDf8rK98iDVmF_aZ_ECwcCgtxa/view?usp=drivesdk

SOLVED: Applying changes to :hover on a div with a query loop applies the change to every part of your page

Bricks Version: 1.5 Browser: Chrome Version 103.0.5060.66 OS: Windows On the webpage I’m building I tried the query loop functionality to show a few divs next to each other with a post title and post excerpt. This worked flawlessly! However, if I apply let’s say a green background and a translateY on the :hover pseudoclass, something goes terribly wrong. As long as I’m in the builder, everything seems ok, but when I try it out on the frontend, every part of my page has this new :hover style. …

SOLVED: Icons are there but not displaying

URL : https://demo4.dev.uoi.gr In the backend of the builder i have a number of icons on the top header (two left and two right). [2] Whaen i load the page in the frontend the icons are there but they are not displaying for some reason. [1] Anyone can help me ?

Best regards,
timmse

[maximebeguin]

Strange it didn’t come up on my search

[luistinygod]

Hello @maximebeguin

This was fixed in Bricks 1.5 RC.

Thank you!
Luis

[maximebeguin]

thanks you so much @luistinygod !