Accordion Addon Tweak - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Accordion Addon Tweak

DR

doug raught

SP Page Builder 3 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.

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #65906

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

0
DR
doug raught
Accepted Answer
3 years ago #65995

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #65999

Glad that it helped and you are always welcome:)

0