Hover trigger over seperate element

[Newtothis]

Hi guys,

do you know how to trigger a hover when hovering over a separate element.

For context the icon and text are nested in a div and then both the icon and the text are in separate divs internally.

My hover currently works when hovering over the icon as you can see however, I would like it to trigger when hovering over the text.

Also for some further context there is also an active state on the div to stay in hovered state when a user clicks on it.

[jptrinh]

Hey @Newtothis
Why don’t you add the hover to the parent div holding the icon and text?
I don’t think you can have hover state on a non-nested element (but possible with custom code)