Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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
    #785245

    Hey Samuel,

    Could you please give us a link to your website, we need more context to be able to help you.
    Best regards,
    Victoria

    #787079

    The pricing table I mean it’s on the “software” tab ;)

    #787113

    Hi 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,
    Sarah

    #787698

    Hi! 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 :)

    #787732

    Hi 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!
    Sarah

    #793324

    Hi 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.jpg

    Thanks a lot in advance :)

    • This reply was modified 7 years, 7 months ago by Samuel.
    #793722

    Hi,

    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,
    Sarah

    #793803

    Hi!
    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.
    #793815

    Hi,

    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,
    Sarah

    #793830

    Thanks! 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.png

    Thanks a lot again :)

    • This reply was modified 7 years, 7 months ago by Samuel.
    #793988

    Hi Samuel,

    Please add this code as well:

    .main_color .pricing-table li.avia-heading-row .pricing-extra {background-color: grey; }
    

    Best regards,
    Sarah

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.