Toggles widget

Use the widget to easily add toggles to a page.

Content

Toggles

Toggles Content

Type: Choose between Toggles and Accordion types. 

Active Toggle: Choose the toggle that should be opened by default. 

Title

Alignment: Choose between Left, Center or Right alignment for desktop, tablet and mobile.

Title HTML tag: Set the needed Title tag. 

Icon Current position: Choose between Left or Right Icon position.

Trigger

Icon: Choose the Trigger icon from the Icon library or upload desired SVG and set it.

Active Icon: Choose the Trigger active icon from the Icon library or upload desired SVG and set it.

FAQ Schema: Slide to YES to enable FAQ Schema displaying. 

Toggles Items

Add the needed amount of items using +ADD ITEM button or copying items that have been already added.

 

Toggles Items 2

Each item allows you to add the Title, choose the Content type between Content, Section and Page and set the Item Icon.

Style

Toggle

Toggles Toggle

Padding: Set the paddings for desktop, tablet and mobile.

Space Between: Set a space between toggles for desktop, tablet and mobile.

Border Type: Choose the desired Border Type from the dropdown and set it. 

Border Radius: Set a border radius for desktop, tablet and mobile.

Background Color: Set the toggle background color (for Normal, Hover and Active modes).

Border Color: Set the toggle border color (for Normal, Hover and Active modes).

Box Shadow: Choose the desired settings from the dropdown.

Last Item

Border Type: Choose the desired Border Type from the dropdown and set it. 

Title

Toggles Title

Typography: Set a Typography using settings from the dropdown.

Color: Choose the Title Color for Normal, Hover and Active modes.

Background Color: Choose the Title Background Color for Normal, Hover and Active modes.

Box Shadow: Choose the desired settings from the dropdown (for Normal, Hover and Active modes).

Text Shadow: Choose the desired settings from the dropdown (for Normal, Hover and Active modes).

Padding: Set the paddings for desktop, tablet and mobile.

Border Type: Choose the desired Border Type from the dropdown and set it. 

Border Radius: Set a border radius for desktop, tablet and mobile.

Item Icon

Size: Set the Icon size for desktop, tablet and mobile.

Space Between: Set a space between title and icon for desktop, tablet and mobile.

Trigger

Toggles Trigger

View: Choose between Default, Stacked and Framed trigger views.

Size: Set the Trigger size for desktop, tablet and mobile.

Color: Choose the Trigger Color for Normal, Hover and Active modes.

Text Shadow: Choose the desired settings from the dropdown (for Normal, Hover and Active modes).

Content

Toggles Content

Alignment: Choose between Left, Center or Right alignment for desktop, tablet and mobile.             

Typography: Set a Typography using settings from the dropdown.

Color: Set the content color here.

Link Hover: Set the Link Hover Color here.

Background: Set the Background Color here.

Gap: Set the Gap between Title and Content.

Padding: Set the paddings for desktop, tablet and mobile.

Border Type: Choose the desired Border Type from the dropdown and set it. 

Border Radius: Set a border radius for desktop, tablet and mobile.

Box Shadow: Choose the desired settings from the dropdown.

Text Shadow: Choose the desired settings from the dropdown.       

Advanced

Set the Advanced options that are applicable to this widget