7
Allow parent hover state to trigger child element styling in Atomic V4
Source: elementor/elementor#35657 · opened by @fysalyaqoob
Describe the Problem I'm always frustrated when I want to style a child element (like an SVG icon, heading, or paragraph) based on the parent container being hovered. In V4 Atomic, the States panel (Hover/Focus/Active) on any element only applies styles when that specific element is hovered — there is no way to say "when the parent card is hovered, change the color of this child SVG/heading/paragraph." The only workaround is writing external CSS using custom class names, which defeats the purpose of a no-code visual builder. Propose a Solution Allow combined selectors in the States/Classes system — similar to how Bricks Builder handles it natively. When editing a class state on a parent element, allow targeting child classes using syntax like :hover .child-class-name. This way a designer can select the parent container, switch to Hover state, and directly style any child element visually without leaving the editor or writing CSS. Additional Context Bricks Builder…
No pledges yet. Be the first to back this.
Comments
Similar requests
Feature Request: V4 atomic navigation menu component
8 votes · 0 comments
Trigger hover state on parent hover
15 votes · 0 comments
Atomic is a bomb of destruction for Wordpress
1 vote · 0 comments
Extending hover styling options (Migrated)
3 votes · 0 comments
Ability to Display Child Taxonomies and Tags in Loop Grid
7 votes · 0 comments
No comments yet.