Table Hover

MyDogShotJFK · April 2015

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 · April 2015

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.

MyDogShotJFK · May 2015

Thanks!

MyDogShotJFK · May 2015

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 · May 2015

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; }

MyDogShotJFK · May 2015

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 · May 2015

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

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

Table Hover

Comments