Support Inner Selectors in Pseudo class field for styling inner selectors

Feature Requests / Improvements
1

I believed someone else had submitted this before. But I can’t find it by search.

Please support the styling for inner selector in the pseudo class field.

I tried adding something like this.

:hover .myclass

Ended up it turns out to be a different outputs when I hit enter.

Output:

:hover-myclass

Hopefully we can style inner selectors within the builder. Although, we can style it through Custom CSS. Styling it within the builder will be more efficient and better for us to manage the classes and inner selector hovering.

Looking forward to seeing this.
Thank you! :blush:

1 Like
2

Or parents hover effect like stackable.

1 Like
3
1 Like
4

Thank you so much! :wink:

5

I’m wondering when Bricks will implement this. Hehe!
I can’t wait for this. :wink: :pray:

6

Just a head up,
Now, we can do the styling for the inner selector(this is what we call relative styling) .parent:hover .inner-selector in the builder. But there is no live preview when we are styling that. To see the live preview, we will still need to do that with custom CSS.

I wonder when this will work well in Bricks Builder. It’s a small but essential improvement. Zion Builder, Cwicly Builder and Oxygen also support this.
I am looking forward to seeing Bricks.

And also the custom pseudo-classes. When I have created a “:before” for a particular global class, the pseudo-class should only stick to that one. When I select a global-class that doesn’t have :before, it is not supposed to show in the pseudo-class field.

3 Likes
7

It’s been a long time.

Here I am sharing the relative styling from Cwicly.

Bricks Builder lacks this. It makes things a lot easier when we style the inner selector, as currently, there is no live preview in the editor if we do the styling using the settings in the editor (live preview is only available when we style them with custom CSS code).

1 Like