Accordion addon - Forum | JoomShaper
Staff replied SP Page Builder

Accordion addon

Asked by fairpak 2 years ago Last activity 2 years ago

Hello !
ist there a workaround to have different colors for each headers?
for exemple fisrst line red, second, blue,...
At this time I'm working on localhost
Thanks in advance.

2 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
2 years ago

Hi

Thanks for contacting us. No sorry there is no default option to do that. But you can use custom CSS on that. You can use this CSS in your custom.css file

#sppb-addon-1717756920258 .sppb-panel-custom .sppb-panel-heading::nth-child(0) {
  background: yellow !important;
}
#sppb-addon-1717756920258 .sppb-panel-custom .sppb-panel-heading::nth-child(1) {
  background: #0345bf !important;
}

#sppb-addon-1717756920258 .sppb-panel-custom .sppb-panel-heading::nth-child(2) {
  background: #dc3545 !important;
}

If it does not work then please knock me here when your site will be online. I will help you then.

-Regards.

fairpak Asked this
2 years ago

Thank you !
How do I declare this in the addon settings ?

Mehtaz Afsana Borsha Staff
2 years ago

You can use this CSS in your custom.css file.

Log in to reply.