Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #183497

    How can I change the background color of the header where it says “Business Plan” as well as in the pricing row where it says “20$ per month” in your pricing table shown here: http://kriesi.at/themes/enfold/pages/pricing/

    Thanks

    #183759

    Hey genarojrs!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: red; color: #ffffff; border-color: red; }
    .main_color .pricing-table li.avia-pricing-row { background-color: blue;
    color: #ffffff;
    border-color: blue; }

    Best regards,
    Yigit

    #183871

    Added the code but both lines on the 3 columns changed color. Is it possible to just the lines on the middle column?

    • This reply was modified 11 years, 1 month ago by genarojrs.
    #184069

    Hey!

    Do you mean “$20 per month” column? If so, please add following code to Quick CSS and adjust as desired

    .main_color .pricing-table li.avia-pricing-row { background-color: red;
    color: #ffffff;
    border-color: blue; }

    Cheers!
    Yigit

    #184124

    Did it but all 3 columns keep changing. I just want to change the color of the second column.

    #184294

    Hey!

    It does only change color of pricing row on my installation http://i.imgur.com/9XYFPw9.jpg
    Please try changing colors

    .main_color .pricing-table li.avia-pricing-row { background-color: pink;
    color: blue;
    border-color: purple; }

    Cheers!
    Yigit

    #184364

    Thanks Yigit.

    I think I’m not explaining myself. The code did change the colors just as yours but what I want is just to change the colors on 2 cells: the one that says Business Plan and the one that has the $20. ONLY THOSE TWO CELLS.

    Is it possible?

    • This reply was modified 11 years, 1 month ago by genarojrs.
    #184926

    Hi!

    Please add following code

    .avia-highlight-col li.avia-heading-row,.avia-highlight-col li.avia-heading-row .pricing-extra, .avia-highlight-col li.avia-pricing-row  { background-color: blue!important; color: #ffffff; border-color: blue!important; }

    It should look like this http://i.imgur.com/QlY7UMl.jpg
    If this is not what you want, please post a screenshot and show :)

    Cheers!
    Yigit

    #184977

    Thanks man,

    You nailed it. Mark this one as solved.

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change color of the header and pricing row in a pricing table’ is closed to new replies.