Hover effect had no live preview in the builder when I style inner selector in the builder

[jornes]

Hi~
Not sure if I should submit this as a bug or feature request/improvements

It’s about the hover effect for inner selectors. I do this without custom CSS(I did it entirely with just the pseudo-class field).

This video was made to help someone achieve the card hover effect he wanted.

Bricks - Card Hover Effect

*Please watch it at 5.16, and you will understand why I am saying there is no live preview in the builder.

Additionally, when I have created a few pseudo-class for a particular class .card-container, for example, I created :hover .card-title using the pseudo-class field, all these pseudo-classes are under the .card-container. They are supposed to be visible only when I select the .card-container.

But I will still see them while I’m styling another class. This will be messy when we have more pseudo-classes to target inner selectors.

[timmse]

Hi Jornes,
Thank you very much for your report!

You opened this thread in “How To” a long time ago, which is basically about the same topic, and still not entirely possible:

How to target inner selector with Bricks Class Styling System

Hi! I have a question. I want to ask, how do I do this in the builder? I can make it work with the code below if I use CUSTOM CSS. ###– .mainclass:hover > .innerclass {transform:translateY:-5px;} ##- - - For example, the .mainclass is assigned for a div, then the .innerclass is to target the inner element in it. When I hover over the div, the inner element will move according to the effect I set above. How do I do in Bricks Builder? What are the steps to take in site builder to achieve t…

The task that will make all this (and much more) possible is on the roadmap:

See what's planned, next, and in progress | Bricks Roadmap

I am well aware that this is an important issue (like so many others), but one step at a time…

Best regards,
timmse

[jornes]

Hey @timmse
Yes. But at least it supports inner selectors :hover .inner now.

Looking forward to further improvements in the future.