Tagged: Pricing Table
Hi Enfold-team
I read through some of the threads and tried the solutions offered there, but with no luck.
I have a 1 column pricing table on my landing page and would like to have the price cell in another color, not the (default) red one it is now.
I tried with avia-pricing-row and custom classes, but it did not change the color.
What would be the CSS solution to change the cell color and font color of the heading row, the pricing row and the row beneath the price?
https://welt-der-vorfahren.de/online-kurs-google-ahnenforschung/ (please scroll down)
Thank you in advance
Kind regards
Anja
Hey Aniona,
What color scheme are you looking to achieve?
Best regards,
Jordan Shannon
Hi Jordan
The pricing cell should be dark brown (#492e26) with the font as it is (or maybe #ddc5a1, have to check).
The background of the rows/cells above + beneath should be as #ddc5a1, with the font color #492e26.
Thank you!
Kind regards
Anja
Hi Anja,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.page-id-2578 .pricing-table li {
background-color: #ddc5a1 !important;
color: #492e26 !important;
}
.page-id-2578 .pricing-table .avia-pricing-row {
background-color: #492e26 !important;
color: #ddc5a1 !important;
}
Hope it helps.
Best regards,
Nikko
Thanks, Nikko!
Wonderful, this works.
Thank you very much for your help,
kind regards
Anja
Hi,
I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon