Change Colors of accordion

FreeBatman

Hello,

i need to change the colors of the accordion.
The vertical lines, the plus and minus icon and the Headline when selcted.

The only CSS I could find till now is:

.accordion .question,.accordion .question.active .title,.accordion .question .title:before {border-color:#289ace;}

That's the way it looks now:
http://prnt.sc/dxkpqm

That's how it should look like:
http://prnt.sc/dxkq92

Hope you can help me.

Best Regards
Eric

Albert

Hi Eric,

to change these colors, you need to use the following css:

.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus { color: #000 !important; }
.style-simple .accordion .question::after, .style-simple .faq .question::after { background: #000 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FreeBatman

Awesome
.. Thank you!

I added the following CSS to color the headlines of the accordion as well

.accordion .question.active .title { color: #289ace !important; }

just in case somebody might need it :-)

Albert

You are welcome!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ml-weblive

Hello, i would like to change the color of the vertical lines and the
plus and minus icons if they are not selected. Where must the CSS code
be inserted? If i insert this on the accordion widget, nothing would be
changed.

+++ Im sorry, i found it Thank you +++

Albert

@ml-weblive Any link to page where you would like to do this?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ml-weblive

The problem is already done. Thank you

The link to the page: http://edl.auto-edl.de

Best regards
Lang Michael