Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2016 at 7:23 pm #697519
    Pcarran83

    Hello-
    I believe that I have tried every Quick CSS solution to change the background color of the alternating colors in the Pricing Table. I’d love it if all Default Rows were white background with same color text.

    Also, how do you vary the size of the text in the Pricing Row as shown in the Enfold Demo sample? It would be great to add “Early Bird Special” under the large price at the top.

    Thanks!

    October 11, 2016 at 7:58 am #697662
    Rikard

    Hey Pcarran83,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .main_color .pricing-table>li:nth-child(even) {
background-color: #fcfcfc !important;
}

    Regards,
    Rikard

    October 11, 2016 at 5:42 pm #697981
    Pcarran83

    Thank you for your response. This did not work either. I will send credentials.

    There are two functions that I would love to achieve:
    1. Make the background of the alternating rows one color (white).
    1a. Text the same color too
    2. How to make smaller text appear in Price Row like the sample on the Enfold Theme Pricing Table?

    October 11, 2016 at 9:14 pm #698059
    Yigit

    Hi,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
    color: #666666;
    background: white;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
    2- Once you add a currency, it will be displayed in smaller size which, as i can see, you have already figured out :)

    Best regards,
    Yigit

    • This reply was modified 7 years, 6 months ago by Yigit.
    October 12, 2016 at 8:31 pm #698516
    Pcarran83

    Hi Yigit-

    I’m not sure why I’m having so much of an issue here. The latest css did change a few things but it’s odd. Please see the screen shots with comments and the sample from the Enfold Demo Pricing Table.

    October 17, 2016 at 1:33 pm #699968
    Andy

    Hi,

    1.) Use this code inside Quick CSS field:
    li.avia-pricing-row {
    background-color: #82a541 !important;
    }
    li.avia-heading-row {
    background-color: #82a541 !important;
    }

    1a) For text color use this:

    .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra {
color: grey;
}

    2.) Add this code below your price:

    <small>Per month</small>

    Best regards,
    Andy

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