Tagged: change, Color, Pricing Table, table
-
AuthorPosts
-
April 28, 2017 at 10:37 am #784394
Hi,
I would like to know how to change the color of the cells in tables. I have not found any option to do this so far.Thanks in advance :)
- This topic was modified 7 years, 8 months ago by Samuel. Reason: adding "Enfold 2017" on the title
April 30, 2017 at 2:21 pm #785245Hey Samuel,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaMay 3, 2017 at 12:40 pm #787079The pricing table I mean it’s on the “software” tab ;)
May 3, 2017 at 1:22 pm #787113Hi Samuel,
May we direct you to a previous thread that discusses the same thing? Please see the discussion here https://kriesi.at/support/topic/pricing-table-color/ and adjust the values to fit your preference.
If you need further help for customizing the colors of your pricing table, let us know.
Best regards,
SarahMay 4, 2017 at 11:06 am #787698Hi! I have read it and I don’t find the functions.php to add the code you give. Also there is an auxiliar solution** but this just changes the color of the text inside the table.
(**) .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; }
Help would be appreciated.
Thanks in advance :)
May 4, 2017 at 12:00 pm #787732Hi Samuel,
The link I gave doesn’t require you to go into functions.php. Sorry if it was confusing!
Can you tell us how exactly you would like your table to look like so we can give you the correct instructions? If you can provide a screenshot, that would be even better.
Thank you!
SarahMay 15, 2017 at 2:29 pm #793324Hi and thanks for your reply!
I don’t know yet the definitive look of it since I want to play around with it but we can make an approach to give it a try.
I attach a screenshot with the colors I want for each section. Just to know how to make it if I want to change them in the future :)
http://oi64.tinypic.com/ivju2q.jpgThanks a lot in advance :)
- This reply was modified 7 years, 7 months ago by Samuel.
May 16, 2017 at 5:54 am #793722Hi,
You can use this code as basis:
.main_color .pricing-table li.avia-heading-row {background-color: grey; } .main_color .pricing-table li.avia-pricing-row {background-color: red; } .main_color .pricing-table>li:nth-child(odd) {color: black; } .main_color .pricing-table>li.avia-button-row {background-color:black !important;}
Best regards,
SarahMay 16, 2017 at 10:44 am #793803Hi!
Much appreciated! Where do I have to insert this code? I don’t find any CSS option to add code on the “Table” settings.
Thanks in advance :)- This reply was modified 7 years, 7 months ago by Samuel.
May 16, 2017 at 11:22 am #793815Hi,
Sorry I didn’t mention that! Please try adding the code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file.
Please clear the cache to make sure that you can see the changes take effect.
Best regards,
SarahMay 16, 2017 at 11:48 am #793830Thanks! it’s working like a charm! I have another question though: the featured column appear with a black border on the top in the grey cell. How can I get rid of this? and what is the code to change the button text and background color?
http://i66.tinypic.com/21alkjm.pngThanks a lot again :)
- This reply was modified 7 years, 7 months ago by Samuel.
May 16, 2017 at 3:21 pm #793988Hi Samuel,
Please add this code as well:
.main_color .pricing-table li.avia-heading-row .pricing-extra {background-color: grey; }
Best regards,
Sarah -
AuthorPosts
- You must be logged in to reply to this topic.