Tagged: table element
I cannot get the rows to alternate colors.
I cannot bold the header text (Top row), or the far left column text.
I am struggling to change colors. I would like the top row to be one color, the left column to be another color
I cannot find a video or any assistance with the current element. I’ve only found help from 2017
Hey CampComo,
Thank you for the inquiry.
This css code changes the default background color of the cells to transparent. You may need to remove it in order to get the alternating background color.
#top .avia-data-table.avia_pricing_minimal tr {
background: transparent;
}
Or use this css code.
.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: #f8f8f8;
}
To adjust the font weight of the text in the first column, use this css code.
#top #main #tblCamps tbody tr td:first-child {
font-weight: 700;
color: red;
}
And for the top row or heading row, use this one.
#top #main #tblCamps .avia-heading-row th {
color: blue;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modifications above.
Best regards,
Ismael