Trouble getting interaction to change text colour of another element

Design help Animations & Interactions
1

Hi all,

I’m trying to make all of the text content inside of “blog card info” to change to white when any part of the "blog card link block is hovered. As you can see from the link below I’m getting there, but I’m just unable to work out how to target the text on hover?

Any direction would be very much appreciated. :slight_smile:

Here is my public share link: LINK
(how to access public share link)

2

Hi @davidjayukay

It’s pretty easy :slight_smile:

I created a 200x200 div, and added a heading inside (you can add any other type of text)
But what I did, was select the Div, and change the font colour with it, which will make all the elements inside follow the same settings :slight_smile:

1365×639 31.4 KB

The I selected the “hover” state, and changed the text colour on the div to red:

1365×638 34.7 KB

Now every time I hover the div, the text colour will change :stuck_out_tongue:
You can customise it any way you want, sorry I didn’t had time to explain it better.

3

Thanks IggsTp,

That makes sense! I knew it had to be something simple. :wink:

4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.