Docs

[Teranox]

Hi,

I’m following a few closed topics here about changing accordions color under the css of my child theme and can’t see the changes. (cache is disabled on my website so result should be immediate).

I’m using this code sample

.x-accordion-heading .x-accordion-toggle:before {
color: red;
}

.x-accordion-heading .x-accordion-toggle.collapsed:before {
color: blue;
}

i’m trying to see the changes here: http://dev.boulonsplus.net/astm-f3125-a325/

I would like to be able to change the text color, the white bar, the inside background and the “+” color.

Thanks

[Joao]

Hi There,

It did work.

Your code is aiming for the + and x sign when you close and open your accordion.

To change the background color of your accordion title you need to add:

.x-accordion-heading .x-accordion-toggle {
background: red;
}

.x-accordion-heading .x-accordion-toggle.collapsed {
background: blue;
}

Hope it helps

Joao

[Author]

Posts