Tagged: data table, Pricing Table, table
We have a very simple data table on a page and we’d like to remove the zebra row styling, but all attempts to use previously posted solutions (like pasting `.main_color .pricing-table>li:nth-child(even) { color: #666666!important;
background-color: #f8f8f8; }` into the Quick CSS box results in no change on the page (even if I change the class to “.data-table”.
With all of the fantastic styling options in Enfold, I’m surprised that there aren’t more requests for a robust table styling area under the Theme Settings. I’m adding that to Feature Requests.
Hi reynoldsphobia!
Add this to your custom CSS.
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: white !important; }
Cheers!
Elliott
Thanks, Elliott. That helps somewhat (we adjusted the “background: white” to our Main Content background color), but the font color in the alternating rows are still the secondary font color rather than the primary font color, so there is still the problem that some rows seem to be “preferenced” over others and we’re trying to avoid that. (the page in question is here.
Hi!
Please add following code to Quick CSS
.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: inherit!important;
background-color: inherit!important;
}
Regards,
Yigit
Brilliant! Thanks again so much!