Help customising accordion

Support
#1

Hi there,

I have customised the accordion on a site here:

The look is fine except the accordion headings when active, I’d like to make these white when the accordion is active. Can you please help?

Thanks in advance!

.x-accordion-inner {
    border: 0;
    box-shadow: none;
    background: none;
}

.x-accordion-heading .x-accordion-toggle:hover, 
.x-accordion-heading .x-accordion-toggle {
       background: none;
}
#2

Hello @freedomdesign,

Thanks for asking. :slight_smile:

Please add following CSS under X > Launch > Options > CSS to make necessary color changes in accordion heading:

.x-accordion-toggle {color: #fff !important;}

.x-accordion-heading .x-accordion-toggle.collapsed {color: #000 !important;}

.x-accordion-heading .x-accordion-toggle:hover{color: #e54232 !important;}

Thanks.

#3

Perfect - thank you!!

#4

You’re welcome!
Thanks for letting us know that it has worked for you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.