Text in table turns white when hovering over
in Shortcodes
Hi Be,
One more question for my site http://www.zepachallenge.nl/etappe-overzicht/
I made a Table for nice structuring the text.
But when you hover over the table-rows, the text in the row disappears / turns white.
Pasteboard-Image-1 http://pasteboard.co/2qN7LNpw.png : the page with the text visible.
Pasteboard-image-2 http://pasteboard.co/2qNpeHHZ.png : the cursor is on the last row of the table and is not visible anymore. This happens with every row when the cursor is hovering over.
The CSS I used on this table is:
table tr:first-child td { background: none; }
table tr:hover td { background: none !important; }
table tr td { padding: 2px; border: none; text-align: left; vertical-align: top; }
table tr:nth-child(2n) td { background: none !important; }
What can I do to have the text not turning white anymore, but just stays visible all the time, also when hovering over the text?
Thanks!
Oeroes
Comments
to remove built-in hover effects, you must switch HTML Table option to Default under Theme options > Global > Advanced section.