Docs

[logoglo]

Hi there, Im using this code:

.x-accordion .x-accordion-group:nth-child(2) .x-accordion-heading .x-accordion-toggle.collapsed {
background-color: #595757;
}

But the hover color goes back to default…I want it to be the same grey when its collapsed.

thanks.

[logoglo]

Also, it doesnt seam to collapse on a mobile or tablet device, can you check this please.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[logoglo]

Sorry.

http://486.408.myftpupload.com/faq/

[Lely]

Hi There,

Please update above CSS to this:

.x-accordion .x-accordion-group .x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #595757;
}

This :nth-child(2) means that the CSS will be for the second headings only. Removing that will means it will be applied for every accordion heading.

It seems working when I check in mobile. See attached screenshot.

Hope this helps.

[logoglo]

But I want each heading to have an alternative color, hence me using that code. The problem is when you click on the heading to bring down the accordion, the heading changes back to the default color, I need it to remain as the set color. So black, grey, black grey etc, but the open state to stay the same grey.

See the image I attached to explain..

[Nabeel A]

Hi again,

To fix this, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-accordion .x-accordion-group:nth-child(2) .x-accordion-heading .x-accordion-toggle {
    background-color: #595757 !important;
}

Let us know how this goes!

[logoglo]

Perfect! thanks

[Christopher]

You’re welcome.

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts