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:
http://rndh.net/mantenimiento-linux/
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?
Thanks
Hey arnavisca!
Please add following code to Quick CSS
.main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra { background: transparent!important; }
Regards,
Yigit
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.
Hi!
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;
}
Regards,
Peter
Hey, many thanks!
This code works!