Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 15, 2019 at 6:58 am #1118688
    thomasvr4

    Hi,
    I am using the table component of Avia Layout Builder.
    The default background color of Heading Row is black. I want change the color, how to do it?
    I want define the color of every field, Can it be done?

    Best Reagrds.
    Thomas

    July 15, 2019 at 6:23 pm #1118882
    Victoria

    Hey thomasvr4,

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

    Best regards,
    Victoria

    July 16, 2019 at 8:41 pm #1119294
    thomasvr4
    This reply has been marked as private.
    July 17, 2019 at 6:23 am #1119411
    Rikard

    Hi,

    Thanks for the link, though it’s not loading on my end. Please see private.

    Best regards,
    Rikard

    July 18, 2019 at 5:36 pm #1119962
    thomasvr4

    Dear Rikard

    I can load the website in chrome successful but not success in IE.
    Is it possible I use WP super cache cause website crash?

    Best regards.
    Thomas

    • This reply was modified 5 years, 5 months ago by thomasvr4.
    July 19, 2019 at 5:46 pm #1120298
    thomasvr4
    This reply has been marked as private.
    July 20, 2019 at 7:46 pm #1120470
    Mike

    Hi,
    Sorry for the late reply, to change the background color for the table titles, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.page-id-647 .main_color .pricing-table-wrap:nth-child(2) .pricing-table li.avia-heading-row {
    background-color: red !important; 
}
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(3) .pricing-table li.avia-heading-row {
    background-color: blue !important; 
}

    To change each row and cell after that, please try this css and adjust the “.pricing-table li:nth-child()” for each row:

    #top.page-id-647 .main_color .pricing-table-wrap:nth-child(2) .pricing-table li:nth-child(2) {
    background-color: red !important; 
}
#top.page-id-647 .main_color .pricing-table-wrap:nth-child(3) .pricing-table li:nth-child(2) {
    background-color: blue !important; 
}

    Best regards,
    Mike

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