Accordian Styling

Hello,

I am creating a Q&A and my client wants the backgrounds a different color. I created a class for question and another for answer but it’s only effecting the text area. Is there a class I can change to make the background color cover the entire box? And if so what is the css for the small arrow which I would then need to change to white.

You can see my example (first question on the list) here https://blain-wease.com/provincial/about/faq/

Thanks!

Hello @kcostellomak,

Thanks for writing in!

You do not need any custom class and custom css. Simply edit your page and click the accordion element. You must find the “Header” and “Content” option in the accordion element settings:

This is where you can change the background colors of the accordion item header:

And then this is where you can change the background color of the accordion item content area:

Hope this helps.

Oh that is so cool! Thank you!

You are most welcome!

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