Title: Row Hover Functions
Last modified: August 31, 2016

---

# Row Hover Functions

 *  Resolved [eharri21](https://wordpress.org/support/users/eharri21/)
 * (@eharri21)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/row-hover-functions/)
 * I have no idea what I have done but I have 2 problems. The first is that new 
   tables I create are not showing the alternating line colors, but the hover works
   how it should. The second problem is the tables that do show the alternating 
   colors the hover does not function like it should.
 * No alternating colors, correct hover:
    [http://hg4.nowinteractivemedia.com/~hannarubbercompa/closed-cell-sponge-rubber-r-471-e/](http://hg4.nowinteractivemedia.com/~hannarubbercompa/closed-cell-sponge-rubber-r-471-e/)
 * Alternating colors, incorrect hover:
    hg4.nowinteractivemedia.com/~hannarubbercompa/
   sponge-rubber-open-cell-4120/
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/row-hover-functions/#post-6948578)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * This is caused by two separate issues:
 * The hover is not working because of CSS specificity. In your “Custom CSS”, please
   change
 *     ```
       .tablepress .row-hover tr:hover td {
       	background-color: #424242;
       	color: #c7c7c7;
       }
       ```
   
 * to
 *     ```
       .tablepress .row-hover tr:hover td {
       	background-color: #424242 !important;
       	color: #c7c7c7;
       }
       ```
   
 * so that it again overwrites the alternating background colors, which use the `!
   important` flag as well.
 * The issue with the alternating row colors is caused by a JavaScript problem. 
   Basically, you can’t use the DataTables JS library in a table (that with the 
   ID “R471E”), that uses `colspan` to merge cells. As you have turned off the individual
   features anyways, the fix should be as easy as unchecking the “Use DataTables”
   checkbox for that table.
 * Regards,
    Tobias
 *  Thread Starter [eharri21](https://wordpress.org/support/users/eharri21/)
 * (@eharri21)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/row-hover-functions/#post-6948579)
 * You are awesome! Issue resolved and I can stop banging my head on the desk. I
   was so close to! Donation will be made. Thanks again!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/row-hover-functions/#post-6948776)
 * Hi,
 * no problem, you are very welcome! 🙂 Good to hear that this helped!
 * Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Row Hover Functions’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [row](https://wordpress.org/support/topic-tag/row/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/row-hover-functions/#post-6948776)
 * Status: resolved