Accordion Novice

This shortcode will let you create an accordion. In order to add one to your page, just drag & drop, or click) it.

Back-end

Front-end

The accordion options

Click on the shortcode to bring up the options:

  • Type - lets you select the color your accordion will have. We've built a couple of colors from you to choose from.
  • Tabs - lets you add content to your accordion. Click the Add button in order to add a tab to your accordion. You can input the title, the content, choose if your your tab's default state (opened or closed) or add an icon.

  • Custom Class - you can use this option to add a class and further style the shortcode by adding your custom CSS in the custom.less file. This file is located on your server in the /child-theme/styles-less/ folder.