Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 14, 2015 at 6:34 pm #379639
    Martin

    Hi,

    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?

    January 14, 2015 at 7:29 pm #379692
    begrafiks

    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;}
    January 15, 2015 at 8:07 am #379894
    Ismael

    Hi!

    Thank you for using Enfold.


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

    Best regards,
    Ismael

    January 15, 2015 at 7:46 pm #380348
    Martin

    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 10 years, 10 months ago by Martin.
    January 15, 2015 at 7:51 pm #380355
    Yigit

    Hi!

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

    Cheers!
    Yigit

    January 19, 2015 at 10:09 pm #382123
    Martin

    Hi,

    I am still stuck.

    I just want to create the same table colors as http://kriesi.at/themes/enfold/pages/pricing/ 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.

    January 20, 2015 at 8:29 am #382311
    Ismael

    Hi!

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

    Best regards,
    Ismael

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