• 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]

Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unable to set background color on table rows’ is closed to new replies.