The Toggle widget allows you to display text in collapsed form. As opposed to the Accordion widget, all text of the Toggle widget is collapsed when the page loads.

The Content Tab

Toggle

Click on Add Item to add a new item to the toggle item list. Click on each item to edit it. Drag and drop the items to rearrange their order.

Title & Description: Insert the title and description of the item in their relative fields. 

Icon: Option to set an icon next to the item to represent the collapsed state of the item.

Active Icon: Option to set an icon next to the item to represent the expanded state of the item.

HTML Tag: Set an HTML tag to the title text.

The Style Tab

Toggle 

Border Width: Set the thickness of the border.

Border Color: Customize the color of the border. 

Space Between: Set the space between each item.

Box Shadow: Option to set and customize a shadow for the item boxes. 

Title

Background: Customize the color of the toggle background.

Color: Customize the title color. 

Active Color: Adjust the color of the active item title. 

Typography: Customize the typographical settings of the title. 

Padding: Set the space of the titles relative to the interior of the box.  

Icon 

Alignment: Align the icon at the start or end of the box. 

Color: Set a custom color for the icon. 

Active Color: Adjust the color of the active item icon. 

Spacing: Adjust the spacing between the icon and the title. 

Content 

Background Color: Customize the background color of the item content. 

Color: Customize the color of the content. 

Typography: Customize the typographical settings of the content. 

Padding: Set the padding of the content. 

The Advanced Tab

In the advanced tab adjust the padding, apply Z-index to your elements, set conditions, motion effects, responsiveness, and more.

Next Up: Social Icons