Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 1, 2018 at 10:34 pm #935833
    fionayoung

    I have created a pricing table using Enfold theme.
    I need to be able to change the colours (it’s currently completely black, which doesn’t look great). I would also like to change the font size in the Heading rows. How do I do this? Thanks

    April 2, 2018 at 7:09 am #935919
    Nikko

    Hey fionayoung,

    You can do this by changing the color in Enfold > General Styling > Main Content (tab) > Primary color. This will also affect other things, if you want it to affect only tables, you can add this css code in Quick CSS (located in Enfold > General Styling):

    #top .pricing-table li.avia-heading-row {
    background-color: #745f7e;
}

#top .pricing-table li.avia-pricing-row {
    background: #514358;
}

    Hope it helps :)

    Best regards,
    Nikko

    April 2, 2018 at 6:27 pm #936150
    fionayoung

    Hi Nikko,
    Thanks – that looks much better!
    One more question. How do I change the font size in the table? The prices are huge and the headings above are really small. I need to make the headings larger and the price numbers smaller!

    April 2, 2018 at 7:24 pm #936175
    Jordan Shannon

    Hi,

    Add this to quick css my friend:

    .pricing-table.avia-center-col .first-table-item{
font-size:20px!important;
}

.pricing-table.avia-center-col .avia-pricing-row{
font-size:20px!important;
}

    Adjust the numbers as you need.

    Best regards,
    Jordan Shannon

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