I have used a table and want it to be non-existent as far as a site visitor is concerned. I’ve found several threads and used the code to remove the border and background colour etc BUT, there remains a very faint outline of the cells when looked at closely
Can you please let me know what I have done wrong and how I can remove all trace of the table to the naked eye.
Thanks
The code I found elsewhere is this:
}
.avia-table-1 li.avia-heading-row {
background-color: #ffffff !important;
text-color: #757575 !important;
border: none;
}
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
background-color: #ffffff;
color: #757575;
border-color: #ffffff !important;
}
.main_color tr:nth-child(even), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table>li:nth-child(even), body .main_color .pricing-table.avia-desc-col li {
background-color: #ffffff;
color: #757575;
}
Hi wizzersays!
Thanks for getting in touch with us!
You need to also add the following code to the above:
.avia_pricing_minimal .pricing-table {
box-shadow: none !important;
}
Best regards,
Jordan
Hey Jordan
You’re a star – thanks very much, that’s resolved it
Cheers
Mark