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

    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

    #260943

    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

    #282208

    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

    #282220

    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

    #282226

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

    #282241

    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

    #282568

    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.

    #282574

    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

    #282683

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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Pricing table color’ is closed to new replies.