Hi,
I'm wondering why I can add CSS styling to the accordion Add-on. I would like to change the color and to make the corner sharp square instead of rounded. Id like to also change the light blue background color.
Awaiting an answer
SP Page Builder
How do I stylize the accordion add-on with CSS?
Asked by Ronny Ko
4 years ago
Last activity 4 years ago
3 replies
Ofi Khan Staff
Hello Ronny Ko
In the Accordion addon settings, set the style to Custom. Then the corner will be by default sharp and you will find the settings to change color, fonts etc.
Best regards
Paul Frankowski Senior Staff
4 years ago
· edited
or all by custom CSS and custom CSS class.
Here is general tip for beginners >> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Pavel
4 years ago
· edited
Hi Paul. I think the documentation does not have enough clear explanations how to use CSS with addon. Maybe I missed something.
Hi Ronny. If you want to configure the accordion via CSS the best start style for this is "FAQ". You can use other styles but "FAQ" is the cleanest.
Switch to this style (optional) and add your own class (required).
After that, if you open the browser code inspector, you can find your class. And using it as a parent class in composite selectors, you can stylize any elements of the accordion via CSS.
Log in to reply.