Unable to set background color on table rows
-
It seems that Travelify adds an on hover event to table rows somewhere, although I can’t seem to find it. I want to set the background color on a table and it just won’t take. I have it working on another WordPress site that uses the Twenty Seventeen theme, and it works just fine.
I added this to the bottom of the style.css file:
.tbl-days {border-collapse: collapse;}
.tbl-days .day {background: #fffc00}
.tbl-days .info {background: #1500b7}
.tbl-days tbody td {border: 1px solid #e0e0e0; padding: 4px;}
.tbl-days tbody tr:nth-child(odd) {background: rgba(255, 255, 255, .80);}
.tbl-days tbody tr:nth-child(even) {background: rgba(255, 255, 255, .90);}And the HTML on the page looks something like this (I added this exact HTML temporarily and it doesn’t work either):
<table class=”tbl-days”>
<colgroup> <col class=”day” /> <col class=”info” /> </colgroup>
<tbody>
<tr>
<td>Day 1</td>
<td>Info about day 1</td>
</tr><tr>
<td>Day 2</td>
<td>Info about day 2</td>
</tr>
<tr>
<td>Day 3</td>
<td>Info about day 3</td>
</tr>
</tbody>
</table>The background of all rows stays a light gray and the row that the cursor hovers over changes to white.
Is there any way to override this default behavior? I have tried adding !important to all of the CSS elements, but that didn’t help.
Thanks
The page I need help with: [log in to see the link]
- The topic ‘Unable to set background color on table rows’ is closed to new replies.