Bootstrap Table Rollover

[jdadwilson]

I am using Bootstrap to revamp one of my websites. I have implemented the table function to include table-striped and table-hover. To stay uniform with the present site I included the following Bootstrap overrides in myBootstrap.css file.


.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
background-color: @roll_over;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
background-color: @tabl_rowevn;
}

These change work... kinda. The striping works as it should but the roll-over only work on the odd rows.

TIA for any assistance.
jdadwilson

[Beverleyh]

What if you switch the order of the CSS so the hover stuff sits below the striped stuff in the stylesheet?

If you need more help, a link to the page would be great.

[jdadwilson]

That did it.

Thanks so much for your help.

jdadwilson