Support,
How can I make my accordions’ backgrounds transparent? I have tried to use this global CSS code, which is successful in changing their colors, but not in making the backgrounds transparent:
.x-accordion-heading .x-accordion-toggle {
background-color: transparent;
border: 1px solid #fff;
color: #000;
}
.x-accordion-inner {
border-color: #fff;
background-color: transparent;
}
.x-accordion-heading .x-accordion-toggle:hover {
color: #000;
}
.x-accordion-heading .x-accordion-toggle:hover::before,
.x-accordion-heading .x-accordion-toggle.collapsed::before {
color: #000;
}
.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: transparent;
}
I have also tried rgba(255, 255, 255, 0.0) instead of transparent, but that does not work.
Thanks!