Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 6, 2014 at 8:36 pm #260923
    kayzelmoo

    Hi all!
    How do I change the pricing table color, it’s default seems to be black. Or is it related to enfold styling options?
    Regards,
    Kayzel

    May 6, 2014 at 9:31 pm #260943
    Yigit

    Hey Kayzel!

    It takes the main color in General Styling. You can change it using following css code in Quick CSS field

    .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, .main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-pricing-row .pricing-extra {
background-color: green;
color: #ffffff;
border-color: green;
}

    Cheers!
    Yigit

    June 22, 2014 at 9:02 pm #282208
    nicdivi2014

    Hi there,
    hope you are well.
    First of all great job on the enfold theme. I am an absolute wordpress beginner and it made my life very easy to create a website for my new company. However I do have a question about the pricing table.
    I have three pricing columns and would like the pricing rows to be different colour (silver, gold, bronze)
    here’s the website: http://www.tacticalproductions.at/highspeed/pages/pricing/

    How would I go about this?

    Thank you. Cheers

    June 22, 2014 at 10:30 pm #282220
    Yigit

    Hi!

    Thanks, hope you are well as well :)
    Please firstly turn on custom CSS field for Advanced Layout Builder elements. Please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    Then give different custom classes to your pricing tables and add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .custom-class-one .avia-heading-row, .custom-class-one .avia-pricing-row { background: red !important; border-color: orange !important; color: green !important; }

.custom-class-two .avia-heading-row, .custom-class-two .avia-pricing-row { background: red !important; border-color: orange !important; color: green !important; }

    Cheers!
    Yigit

    June 22, 2014 at 11:15 pm #282226
    nicdivi2014

    hi there,
    thanks for the quick response.
    I just tried this, unfortunately, it is not working for me ???

    June 23, 2014 at 12:34 am #282241
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately? I cannot see custom class set on your element at the moment

    Best regards,
    Yigit

    June 23, 2014 at 4:58 pm #282568
    GeoCreo

    Hello Yigit,

    I’ve used the quick CSS you supplied above but haven’t been able to make any changes. Basically, I would like to change the colour of the text on the pricing table to black.
    I would appreciate any tips on how to do this.

    Thanks.

    June 23, 2014 at 5:09 pm #282574
    Yigit

    Hi!


    @geocreo     Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .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 { color: black !important; }

    If that does not work, please post the link to your website

    Regards,
    Yigit

    June 23, 2014 at 9:17 pm #282683
    GeoCreo

    Thanks Yigit!
    I’ve already used the code you sent on my other post and it did the trick :)

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Pricing table color’ is closed to new replies.