Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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;
    }

    #430594

    Hey 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,
    Elliott

    #430660

    Hi 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

    #431108

    Hi!

    Please try the following:

    .page-id-33 .avia-button-row{
    background-color:white !important;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.