Accordion Addon tweak - Forum | JoomShaper
Solved SP Page Builder

Accordion Addon tweak

Asked by doug raught 4 years ago Last activity 4 years ago

Hi, I'm using the accordion addon, specifically the Faq accordion style.
Using the inspector on my page, I could not determine the css code to change the color for the sppb-panel-collapse button. Right now it is blue.

I managed to find the other classes for the accordion heading and toggle arrows. But the collapse code eludes me.

This is the page if anyone can find the code for the blue button that collapses the accordion.
http://evangelcommunity.church/22/index.php/get-involved

Thanks.

Accepted answer

Marked as the solution
Rashida Rahman Staff

Hi there!

Thanks for your query.

Here you go: https://prnt.sc/FpNpZ72jbYaj

You can use the following code in your custom CSS:

.sppb-addon-accordion .sppb-panel-faq .sppb-panel-heading.active .sppb-toggle-direction {
    background: #bf0395;
    color: #8b2121;
}

You may use your desired color in the above code.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

2 more replies

doug raught Asked this

I hunted for that code forever and had to give up.
Thanks Rashida

Rashida Rahman Staff

Glad that it helped and you are always welcome:)

Log in to reply.