Hi there. In my pricing table I have 3 columns. I want to make the top row, second and third columns different colors. The first column should be transparent. Currently I have the following:
.page-id-25795 .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: color:rgb(242, 159, 46); border-color:#8ed8ed; }
.page-id-25795 .pricing-table > li:nth-of-type(1) {
height: 45px;
}
.page-id-25795 .pricing-table > li:nth-of-type(2) {
height: 180px;
}
.page-id-25795 .pricing-table > li:nth-of-type(3) {
height: 155px;
}
.page-id-25795 .pricing-table > li:nth-of-type(4) {
height: 135px;
}
.page-id-25795 .pricing-table > li:nth-of-type(5) {
height: 135px;
}
.page-id-25795 .pricing-table > li:nth-of-type(6) {
height: 45px;
}
What do I need to adjust to make that happen?
Hi Mike!
pasting code does not really help us. Instead provide us a link to your site showing the elements in question please. We need to be able to inspect the elements.
Cheers!
Andy
I figured it out, thanks.