Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 9, 2014 at 9:07 pm #316102
    tgdigitalsolutions

    I’m trying to fine tune a pricing table and not having much luck. Tried a bunch of suggested options and can’t get things to behave how I want.

    Essentially, I’d like the font color to be the same (the slightly darker one) in all the default row cells of a pricing table (note: not in the header or pricing row, I’ve got those the way I want) and eliminate the gray background that alternates in each row. Just want the standard white background and the slightly darker font (which in default setting is in the cells with gray background).

    Any CSS code suggestions to accomplish this?

    September 10, 2014 at 4:43 am #316252
    Ismael

    Hi tgdigitalsolutions!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css:

    .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) {
color: #666666;
}

.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: #ffffff;
}

    Regards,
    Ismael

    September 10, 2014 at 8:00 pm #316883
    tgdigitalsolutions

    Thanks. The only problem with the code is it DOES affect the first two rows (the heading row and pricing row). I need something that will only affect all the default rows. Below is an example. First image is before applying the code you noted and the second is after. Any way to pinpoint just the default rows but leave the header and pricing row alone?

    before adding code

    after adding code

    September 11, 2014 at 10:04 am #317241
    Ismael

    Hey!

    Add this at the bottom:

    .pricing-table-wrap:first-child li.avia-heading-row {
background: #0066CC !important;
}

.pricing-table-wrap:nth-child(3) li.avia-heading-row {
background: #99003D !important;
}

    Cheers!
    Ismael

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