Hi,
I am using the table component of Avia Layout Builder.
The default background color of Heading Row is black. I want change the color, how to do it?
I want define the color of every field, Can it be done?
Best Reagrds.
Thomas
Hey thomasvr4,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi,
Thanks for the link, though it’s not loading on my end. Please see private.
Best regards,
Rikard
Dear Rikard
I can load the website in chrome successful but not success in IE.
Is it possible I use WP super cache cause website crash?
Best regards.
Thomas
Hi,
Sorry for the late reply, to change the background color for the table titles, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(2) .pricing-table li.avia-heading-row {
background-color: red !important;
}
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(3) .pricing-table li.avia-heading-row {
background-color: blue !important;
}
To change each row and cell after that, please try this css and adjust the “.pricing-table li:nth-child()” for each row:
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(2) .pricing-table li:nth-child(2) {
background-color: red !important;
}
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(3) .pricing-table li:nth-child(2) {
background-color: blue !important;
}
Best regards,
Mike