Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 12, 2018 at 3:03 am #955529
    navindesigns

    HI,

    I have 3 tables on one page and would like to change the background color on each ones to black, red and green. How do I achieve that?

    Schedule

    I tried the following but it didnt work
    .avia-table-1 th.avia-highlight-col {
    background-color: red !important;
    border-color: red !important;
    }
    .avia-table-2 th.avia-highlight-col {
    background-color: yellow !important;
    border-color: yellow !important;
    }
    .avia-table-3 th.avia-highlight-col {
    background-color: green !important;
    border-color: green !important;
    }

    May 12, 2018 at 12:27 pm #955698
    Victoria

    Hey navindesigns,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .avia-table.avia-data-table.avia-builder-el-4 .avia-heading-row {
  background-color: red;
}
#top .avia-table.avia-data-table.avia-builder-el-6 .avia-heading-row {
  background-color: yellow;
}
#top .avia-table.avia-data-table.avia-builder-el-8 .avia-heading-row {
  background-color: green;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 12, 2018 at 4:25 pm #955783
    navindesigns

    That only changed the table headers, I want the entire table backgrounds to be different colors as well

    Schedule

    May 12, 2018 at 8:08 pm #955837
    Vinay

    Hi,

    Please check the table element documentation if you are using the custom CSS provided please feel free to change the color values to suit your design.

    Table

    Let us know if you need any further help :)

    Best regards,
    Vinay

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