Tagged: Pricing Table
Hi guys,
How can I change the color of the pricing table element on individual pages?
Right now it grabs the colors from the general styling settings in Enfold. I would like to be able to have individual colors of the pricing table on individual pages.
I tried a custom id, but this did not work. (I probably made an error somewhere, I’ve been staring at it a little to long :) )
Can you help me?
Sincerely,
Morticka
Hey Morticka,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#sprekerprijzen .pricing-table li.avia-heading-row,
#sprekerprijzen .pricing-table li.avia-heading-row .pricing-extra,
#sprekerprijzen .pricing-table li.avia-pricing-row {
background-color: #EE6123;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Wonderful, it worked, thank you very much! :D
Everything is one color now though, how can I get the lighter color in the heading of the price table? I put the images in the private content.
Sincerely,
Morticka
Hi Barb!
Please add following code to Quick CSS as well
#sprekerprijzen .pricing-table li.avia-heading-row, #sprekerprijzen .pricing-table li.avia-heading-row .pricing-extra {
background-color: orange;
border-color: green;
}
Best regards,
Yigit
Hey Yigit,
Thank you very much, it works beautifully! :D
You can close this ticket.
Sincerely,
Barb