Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #417425

    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.

    #418004

    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

    #418155

    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.

    #418275

    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

    #418289

    Brilliant! Thanks again so much!

    #418449

    Hey!

    Great, glad we could help :)

    Cheers!
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.