Change Accordion Color

janezkotar · February 2016

I am using Jeweller style and there is a problem with Accordion - it has the opposite (white) background and it looks too agressive for this style (http://www.janezkotar.com/madrigalisti/)
I hava changed Body Background color in Colors General but there is no change. Where can I change it?

Albert · February 2016

Hi,

you can change it's color with the following css:

.accordion .question .title, .accordion .question .answer { background: #000 !important; color: #FFF !important; }
.accordion .question .title i { color: #FFF !important; }

janezkotar · February 2016

Thank you!

There is still a problem with with .title background - with this code I can control .title text color but not .title background color (you can check the results at http://www.janezkotar.com/madrigalisti/ )

Everything works ok with .answer part (backround and text color).

Albert · February 2016

Sorry, we did a typo in above css. Instead of background-color, should be background, just like below:

.accordion .question .title, .accordion .question .answer { background: #000 !important; color: #FFF !important; }
.accordion .question .title i { color: #FFF !important; }

janezkotar · February 2016

Great - now it is working!
Thank you very much!

Albert · February 2016

You are welcome

Change Accordion Color

Comments