Change background color for expanded accordion box text container

Q&ACategory: PluginChange background color for expanded accordion box text container
judyoshtest1 asked 2 years ago

I’ve tried to change the background color for the expanded text box for the accordion container — it is only white.
 
Can you please tell me how to do this? I’ve tried to find the proper parameter to change in the CSS files, but it doesn’t seem to work.
 
Thanks much!

1 Answers
Hasan Staff answered 2 years ago

Welcome to our forum,
you can override  content area background color by selecting css as following, change the rgb value as you need to put hexa value, put this css to your site header or somewhere in your page.
if you please specify me which version you are using free/pro

.accordions-container .responsive-accordion-panel {
  background: rgb(255, 0, 0) !important;

}

 Best Regards

judyoshtest1 replied 2 years ago

I’m using the free version right now — will try this out and let you know.Thanks much!

judyoshtest1 replied 2 years ago

That worked perfectly! All I want to do next is to change the font for the accordion header area — I was able to do it for the content area using “span styles”. However, this is not working for the header area. Can you also please help me out with the CSS for this?Thanks much!

paratheme Staff replied 2 years ago

SO you wan to chnage font-family or font size of header ? then try this CSS, please note our premium version has already option to chnage font size from short-code generator, ################################# .accordions-container .responsive-accordion-head { font-family: arial;font-size: 16px;}

paratheme Staff replied 2 years ago

Also request you if you have little time please submit us five star at wordpress.org plugin link https://wordpress.org/plugins/accordions/

judyoshtest1 replied 2 years ago

Ohmygosh, that was so fast! Thank you so much — I changed the header font, and it looks so much better! Will be very happy to leave you a 5-star review!

Hasan Staff replied 2 years ago

Glad to know, i will be happy to see your five star at our plugin, 🙂 Thanks