Sometimes, you may find that a page or post has too much information and requires a lot of scrolling as a result. One way to fix this is by using collapsible accordions. You will need to use the Page Builder editor.

Creating Accordions

To create an accordion, 

  1. Create one new Visual Editor widget in Page Builder for each item in the accordion.
  2. In each Visual Editor widget, check the Accordion checkbox at the bottom, so that it is enabled.
  3. Add the title and content.

    The title of the visual editor will become the accordion header, and clicking on the title will expand the item's content. Thus, each Visual Editor with Accordion enabled must contain a title in the Title field.
    If you stack multiple Visual Editors with Accordion enabled on top of each other (in the same column), they will be grouped together and as a result, clicking on one item’s title will expand its content while collapsing all other items.

Styling Accordions

Accordions are easy to style using your site's Custom CSS. We have also put together a guide with several pre-made accordion styles along with CSS that you can copy and paste onto your own website.

Basic Aurora WordPress Articles

  1. Accessibility
  2. Dashboard
  3. Manage Storage Space and Specification
  4. Theme - Beecher Stowe
  5. Pages
  6. Posts                                                                                                                      
  7. Layout page using Page Builder
  8. Images
  9. Buttons
  10. Color Picker
  11. Columns
  12. Glyphicons
  13. Videos

Related Article