Table Hover

MyDogShotJFK

Hey - I'm wondering if there is a way to have the cell change colour in the table not the whole row ... is that possible?  And maybe you could let me know how to change the font colour on hover as well on a H2

See current table: http://www.martinhanzalek.ca/index.php/paramedicine/ 

thanks

Albert

Hi,

to change cell background color on hover, please use below css:

table tr:first-child td:hover { background: #000 !important; }

But we do not see any h2 in the table so we don't know about which text you are talking about.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MyDogShotJFK

Thanks!

MyDogShotJFK

So to change the colour of the h4 text within those cells on hover i would use:

table tr-first-child h4 hover  { color: #f9f1e2; }

or something like that?

Albert

No, this is wrong. If you want to change h4 color on hover, you must use something as below:

table tr td .list_item .list_right h4:hover { color: #000 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

MyDogShotJFK

great. It's working better ... http://www.martinhanzalek.ca/index.php/paramedicine/

But can I change the text colour when the cell is hovered ... not just the text?

thanks

Albert

To do this, you must use below css in addition:

table tr td:hover h4 { color: #000 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next