Dear Enfold Team,
On a certain page I would need a transparent background in the table elements. I tried several CSS code snippets I have found on there.
.page-id-11126 td, tr {
background: none repeat scroll 0 0 transparent !important;
vertical-align: top;
}
/* Table align top */
.page-id-11126 td, tr {
vertical-align: top;
}
/*Table all transparent background */
.page-id-11126 .main_color tr:nth-child(2n+1) {
background: none repeat scroll 0 0 transparent !important;
}
.page-id-11126 .main_color tr:nth-child(odd), .main_color tr:nth-child(even) {
background-color:transparent !important;
}
.page-id-11126 .main_color table {
background: transparent !important;
}
Unfortunately, none of them does the trick. Please advise what to do.
Thanks for your assistance!
Rob
Hey hasbeat,
Sorry for the late reply, I adjusted your css and your table background is transparent now,
Please clear your browser cache and check.
CSS added:
#top .alternate_color table {
background: transparent !important;
}
CSS adjusted:
#top .avia-table tr:nth-child(even),#top .avia-table tr:nth-child(odd) {
background: transparent !important;
}
Best regards,
Mike
Hey Mike, it works like a charm. Perfect. Thanks for your assistance!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike