Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 17, 2019 at 2:39 am #1166632
    MichaelAlbany

    Hi all!

    I am trying to format tables to have transparent backgrounds. I am using images in color sections and I want the images to come through. I’ve tried the code below in the Quick CSS but it didn’t work. The tables at this point at imported from an old site that we are recreating in Enfold. I can recreate table using avia builder if required, there are only 3-4 tables on the whole site so far. If I can avoid that it wouldn’t hurt. I’m doing this one pro-bono for a non-profit so…

    Any direction you have is appreciated. The attempted code:

    table tr.avia-heading-row{
    background-color:transparent!important;
    }

    table tr:nth-child(2){
    background-color:transparent!important;
    }

    December 18, 2019 at 12:14 pm #1167238
    Ismael

    Hey MichaelAlbany,

    Thank you for the inquiry.

    You can use the following css code to adjust the background color of the table.

    .main_color table {
	background: rgba(255,255,255,.5);
}

.main_color tr:nth-child(2n), .main_color .avia-data-table .avia-heading-row .avia-desc-col, .main_color .avia-data-table .avia-highlight-col, .main_color .pricing-table > li:nth-child(2n), body .main_color .pricing-table.avia-desc-col li, #top .main_color .avia-data-table.avia_pricing_minimal th {
	background-color: transparent;
}

.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra {
	background: transparent;
}

    You can change the background value of the last two css declarations if you want the rows to have alternating background colors.

    Best regards,
    Ismael

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