Image and Text hover at the same time

Hi Everyone

On the Services page, I would like to hover over the image or text and for both to be highlighted and selected at the same time.

Could anyone help me with this?


Here is my site Read-Only: Webflow - The Monitoring Centre

I don’t think you can do this with native Webflow hover styles.

However you can create an interaction on the parent Service Link class that changes both the child image and text elements. Be sure to use the “Only affect children with this class” setting so you don’t change styling of other child and text elements on the page.

It is also possible to do this via custom code, using CSS of the form:

.parent:hover .child1 {some styling}
.parent:hover .child2 {some more styling}

Hi Sam, Could you help me a bit more with this? I’m new to webflow. Could you create instructions or step-by-step?