Hover background on tables

vice440 · May 2016

Please you this page and hover over the social media logos at bottom. You will notice the blue background that appears when you hover. How can I remove that?

http://visionimpossiblegraphics.com/lop/start-here/

Albert · May 2016

Hi,

you can remove this background with an extra css:

table tr:hover td { background: none !important; }

alfguiza · May 2016

how can i set hightlights only for first line, not other line?

Albert · May 2016

@alfguiza Please send us link to page where you got table where you would like to highlight only the first line and we will see if it's possible.

alfguiza · May 2016

http://weasys.altervista.org/lotti/

Albert · May 2016

Ok. So as we can see it's possible and can be done with:

body.table-hover:not(.woocommerce-page) table tr:hover td { background: none; color: inherit; }
body.table-hover:not(.woocommerce-page) table tr:first-child:hover td { background: #000 !important; color: #FFF !important; }

alfguiza · May 2016

thanks man!

Albert · May 2016

You are welcome

Hover background on tables

Comments