Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1166632

    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;
    }

    • This topic was modified 5 months, 3 weeks ago by  MichaelAlbany.
    #1167238

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.