WYSIWYG: Accordion tool | Civio Engage Knowledge Base       [ ![Civio Knowledge Base](/civio-light.svg) ](https://nginx.deploy-lagoon-production.engage-vic-docs.dh1.amazee.io)  [Articles](/articles)

   [Home](/)   [Knowledge base](/articles)   [✏️ Content tools](/articles?category=5)

WYSIWYG: Accordion tool
=======================

Updated 1 year ago

    Search  Go

   Adding an accordion tool to your project page
---------------------------------------------

1. While logged in, use the top-level menu to navigate to the **Projects** tab.
2. Select the relevant project; this opens your project overview page.
3. In the left-hand menu, click **Overview>Edit.** This will open the editing tab of your main project page.
4. In the WYSIWYG interface under the Description title, click the **plus icon**.
5. A pop up will appear, and click the **Accordion** button in the left-hand column.
6. Enter how many items you would like to add to the accordion, and click **Add Accordion**.
7. Your accordion will appear in the WYSIWYG interface, and you can edit the titles and the body text by double-clicking on the placeholder text and entering your own text.
8. Once you’ve finished, click **Save**.

![image - 2024-03-11T113832.303.png](/storage/articles/9493571686543.png)

![image - 2024-03-11T113808.038.png](/storage/articles/9493555067151.png)

Adding an accordion item
------------------------

1. While logged in, use the top-level menu to navigate to the **Projects** tab.
2. Select the relevant project; this opens your project overview page.
3. In the left-hand menu, click **Overview>Edit.** This will open the editing tab of your main project page.
4. In the WYSIWYG interface under the Description title, navigate to your accordion.
5. To add an item to your accordion, hover over the existing accordion and click the **+ Add item** button that appears.
6. Update the title and body text of the new accordion item by double-clicking on the placeholder text and entering your text.
7. Once you’ve finished, click **Save**.

![image - 2024-03-11T113739.016.png](/storage/articles/9493555067791.png)

Deleting an accordion item
--------------------------

1. While logged in, use the top-level menu to navigate to the **Projects** tab.
2. Select the relevant project; this opens your project overview page.
3. In the left-hand menu, click **Overview>Edit.** This will open the editing tab of your main project page.
4. In the WYSIWYG interface under the Description title, navigate to your accordion.
5. To delete an item/row of your existing accordion, select the unwanted item/row and use the backspace/delete key.
6. Once you’ve finished, click **Save**.

![image - 2024-03-11T113712.674.png](/storage/articles/9493555068175.png)

 [    Back to articles ](/articles)

  Table of contents
-----------------

    © 2026 [Civio](https://civ.io)