< All Topics
Print

Accordion

Accordions are a collection of items where you can expand or contract areas for easier reading.

Example

An example of an accordion is on the Beliefs page. When you click on an area or the plus symbol, the hidden area will open – revealing the content inside.

Adding an Accordion & Step-By-Step Instructions

  1. You can add an accordion to a page by first navigating to the page you want.

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner. 
  3. Under the Modules tab, in the Standard Modules, scroll down to see the Accordion option.
  4. Select the accordion and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Accordion.
  6. Under the Items tab, you can add, remove, duplicate, delete or change the order of items.
  7. Select Edit Item to change the Title and Content.
  8. Under the Styles tab, you can change or edit items sizing, spacing and colors. You can also set new Label, Icon and Content settings.
  9. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements. 
  10. Click the blue Done button in the upper right hand corner of the website.
  11. Select Publish to make your changes public.

Editing an Accordion

  1. You can edit an accordion to a page by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR – 

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Accordion you want to edit. A blue or orange box should appear around the module.
  3. Make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public.

Duplicating an Accordion

  1. You can duplicate an accordion to a page by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Accordion you want to edit. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting an Accordion

  1. You can delete an accordion to a page by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  

    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Accordion you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (503) 999-5740 or support@puremediainc.com to learn more.

Next Animation Basics
Table of Contents