Tagged: Accordion, background, table, transparent
How do I make all the accordion boxes and tables have transparent backgrounds so that the background image shines through, rather than having a white background?
Hey Nicole,
Thank you for using Enfold.
Add this css code on the Quick CSS field.
.main_color .toggler, .main_color .toggler.activeTitle:hover, main_color .toggle_content {
background: transparent;
}
Best regards,
Ismael
Thank you for your help. I added the code to the quick css but it did not change the background of the accordion boxes or tables on the site.
I added !important to the css as well to see if that changed anything and it did not. Thanks again, Nicole
Update: In the accordion items, I just found a way to manually change them to transparent. If there as a global way to do it that would be great, but less urgent than making the table backgrounds transparent.
Hi,
Thanks for the feedback. Please try this CSS as well:
.main_color tr:nth-child(odd), .main_color tr:nth-child(even) {
background-color:transparent !important;
}
Best regards,
Rikard
I tried that, but it did not work.
Hi,
Please try this as well:
.main_color table {
background: transparent !important;
}
Best regards,
Rikard
Winner winner! Thank you – that did the trick.