Streaming live at 10am (PST)

Change color of H2 on hovering div


#1

Hello guys!

Is there are way to change the color of H2 text inside the div on mouse hover?

Thanks a lot!


#2

Yep. Change the hover state text color. Click the div, in the selector click hover under the "states" option (see image). While you have hover checked, change the text color.

Hope that helps.


#3

Thanks, i know that way but nothing affects the color change, color is changed in sidebar, but not on text...

https://preview.webflow.com/preview/newkarma?preview=28a3a30dc0cbaffeac540ef333b5e51c

i'm talking about section with 3 columns with icons and that H2 title


#4

So you are wanting to hover on the large (column) div and then have just the H2 text color change?


#5

well then click the H2, choose "hover" and then select a hover color for your headline ...


#6

i want to hover on link block (just one column) and on hover change the color of H2, Разработка сайтов :slight_smile: hop eu got it


#7

I suppose you mean, hover the div and change the h color. So yes.

But the color has to be inherited.

So you must give the default font color to your div, and your H2 must NOT be styled with a font color. Then , it will inherit its default color from the div.

Now, set the hover color, and the H2 should get it.

Proof:


#8

Yeah man, u are strong as always! Big respect!


#9

Ahhhh. Been trying to figure this out and this looks like my solution but I dont understand how to give the default font color of your H2 to your div?

Will you please explain?


#10

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