Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #379639


    I added a pricing tabel to my site, but how can I set the background color of the Heading row, Pricing row and the button of the highlighted column?


    Hi Martin :
    try to add theses lines into your styles :

    to change background color of the firts, third … lines :

    .pricing-table>li:nth-child(even){color: #e0e0e0 !important; background-color: #413737 !important;}

    to change background color of the second, fourth … lines :

    .pricing-table>li:nth-child(odd){color: #413737 !important; background-color: #e0e0e0 !important;}

    And maybe to change the font color and background color of the first line (price)

    .pricing-table > li:first-child, .pricing-extra{font-size:50px !important; background-color: #fcb30a !important;}


    Thank you for using Enfold.

    : Please try @begrafik’s suggestions. It should work. :)

    Best regards,


    Hi @begrafik

    Thanks for the help!

    I thought it might be a setting somewhere. I will check the source for the css styles and add/change accordingly.

    • This reply was modified 9 years, 6 months ago by Martin.


    Please try and let us know so we can mark the thread as resolved or assist you further :)




    I am still stuck.

    I just want to create the same table colors as but even with the suggestions I can’t get it done.

    .pricing-table > li:first-child, .pricing-extra{font-size:50px !important; background-color: #fcb30a !important;}

    This line changes the background colour and textsize of the first rown – “Private Plan”, “Business Plan”, “Mega Plan”

    That works like I want it to.

    However the other strings of code change more than one single row and none change the button.



    Edit the table shortcode then change the Default Row to other table row options like Heading Row, Pricing Row etc.

    Best regards,

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