Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #166715

    Hi, thanks for your help.

    I’m just trying to have a transparent background for a data-table on alternate rows so i can see the general background of the page (a fixed image).

    On the price tables this works straight forward, i don’t have to do anything, i only remove the background color of the main content style on enfold styling menu.

    But on the data table can not be setup it, because the theme uses the same color for all rows.

    Cheking the supports tickets here in the forum i was capable of change these background color for a different one, like “red”:

    .main_color div .avia-data-table tr:nth-child(even) td {
    background-color: red !important;
    This works.

    But this same code don’t work for transparent.

    .main_color div .avia-data-table tr:nth-child(even) td {
    background-color: transparent !important;

    You can check it here:

    At this moment the data table have the same configuration than the price table. And i removed all my css modifications.
    Why the alternate rows are not transparent like the pricing table?



    Hey arnavisca!

    Please add following code to Quick CSS

    .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: transparent!important; }



    Hi Yigit, thanks.

    i added the code to quick css, but it didn’t change the data-table rows, and does nothing new to pricing-table because the transparent background was already working.

    I need to fix the data-table, not the pricing-table.

    Thanks again.



    I think your code doesn’t work because of the table background color. Try following code

    .main_color table.avia-data-table, .main_color div .avia-data-table tr:nth-child(even) td {
    background-color: transparent !important;



    Hey, many thanks!

    This code works!

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

The topic ‘Transparent background on alternate rows in data-table’ is closed to new replies.