Tagged: Pricing Table, styling
-
AuthorPosts
-
April 17, 2015 at 4:02 am #430062
Hi there,
I’m trying to re-style the pricing table slightly (please see link included below). The problem is the background colour of the 4th and bottom rows. We would like them to be white, consistent with the rest of the table. I’ve used the code below but can’t get it right! Also I suspect I’ve duplicated and perhaps it’s far more messy than it needs to be? If you could possibly provide clean minimal Quick CSS code for this, it would be very much appreciated.
Many thanks
Robert
li.avia-heading-row .pricing-extra {
font-family: verdana;
}
.main_color .pricing-table.avia-desc-col li {
background-color: #ffffff;
color: #333333;
}
.main_color .pricing-table li.avia-pricing-row .pricing-extra {
background-color: #ffffff;
border-color: #f1f1f1;
color: #333333;
}
.main_color .pricing-table li.avia-pricing-row, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra {
background-color: #007488;
border-color: #f1f1f1;
color: #ffffff;
}.pricing-table li.avia-pricing-row {
font-family: arial;
font-size: 42px;
font-weight: 400;
}
.pricing-table > li {
font-family: verdana;
}
.main_color tr:nth-child(3n), .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(3n), body .main_color .pricing-table.avia-desc-col li {
background-color: #ffffff;
color: #333333;
}April 17, 2015 at 8:27 pm #430594Hey rpl_admin!
Try using an !important rule like so.
.main_color tr:nth-child(2n), .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(2n), body .main_color .pricing-table.avia-desc-col li { background: white !important; }
Regards,
ElliottApril 18, 2015 at 1:09 am #430660Hi Elliot,
Thanks for the reply. I added the code you sent to the Quick CSS but unfortunately it make no difference. Any further suggestions?
Many thanks,
Robert
April 20, 2015 at 6:39 am #431108 -
AuthorPosts
- You must be logged in to reply to this topic.