Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 1, 2013 at 8:56 pm #183497
    genarojrs

    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

    November 2, 2013 at 7:42 pm #183759
    Yigit

    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

    November 3, 2013 at 5:34 am #183871
    genarojrs

    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 ago by genarojrs.
    November 4, 2013 at 2:19 am #184069
    Yigit

    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

    November 4, 2013 at 6:26 am #184124
    genarojrs

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

    November 4, 2013 at 4:07 pm #184294
    Yigit

    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

    November 4, 2013 at 6:03 pm #184364
    genarojrs

    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 ago by genarojrs.
    November 5, 2013 at 8:30 pm #184926
    Yigit

    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

    November 5, 2013 at 11:14 pm #184977
    genarojrs

    Thanks man,

    You nailed it. Mark this one as solved.

  • Author
    Posts
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.