Hover changes background color on all table rows/cells
-
In inc/customizer/colors.php, the primary_text_color array includes an entry that has the effect of activating a background color on all tr hover events within the primary article content. I’m using a calendar plug-in that writes tables, and the hover event over any part of the markup changes the background color.
The CSS selector in question is this (line 210):
.hentry table tr:hover td’ => array(‘background-color’ => ‘rgba(%1$s, 0.05)’Is this intentional behavior or some left-behind code? I can’t quite grasp how highlighting a table row would be considered part of text color definitions, so this seems to be a bug.
This CSS is a protected property on the Primer_Customizer_Colors class, so I can’t find anyway to override this other than to directly modify the theme. I also tried overriding this CSS selector and disabling pointer events, however that causes the background to flash on and off repeatedly. I can’t just change the background color in the override because it affects other functionality and creates inconsistent colors within the layout. Is there another method to alter this CSS in lieu of a fix to the theme?
I have no live pages to demonstrate this since the behavior is not acceptable on my production site.
Note that I’m using a customized child theme based on Ascension. Using the latest Chrome browser on macOS Mojave (10.14.6).
The topic ‘Hover changes background color on all table rows/cells’ is closed to new replies.
