Accordion

Accordions are a great way to organize sets of content on your page, relieving your page viewers from mismanaged walls of text. Learn to add and customize Accordion Blocks on your Page.

In this article:


Add and Remove an Accordion block

To add an Accordion block:

  • In the Editor, click the section you want to edit or create a new one.
  • In the sidebar, select Add Content.
  • From the list, select Accordion.
  • Your newly created Accordion block will generate at the bottom of the section.
  • Click Save to keep your changes:

ScreenFlow

To remove an Accordion:

  • In your Page, hover over the existing Accordion and click Edit.
  • In the sidebar, scroll to the bottom to click Delete This Block.
  • Click Save to keep your changes:

Customize an Accordion block:

In an Accordion block, configure the Block Width, the Heading, and Body text displayed.

Width

  • In your Page, hover over the existing Accordion block you want to edit and click Edit.
  • Navigate to the sidebar and select the number of columns to adjust the width of the Accordion block.
  • Click Save to keep your changes:

Block Settings

To adjust the look and feel of your Accordion block, configure your Block Settings by customizing the Icon, Background, Desktop and Mobile Layout, Animations, and Time Reveal.

To Configure your Block Settings:

  • Click the Section containing the Block you want to edit.
  • Select the Block you want to customize.
  • Then, configure your Block Settings in the sidebar.
  • Click Save to keep your changes:

Icon

Customize the look and feel of your Accordion blocks by changing the Icon style to a Plus or an Arrow and select an Icon Color to fit your brand.

accordian flow

Background

Select a background color, adjust the Border radius to create a rounded or squared border, and select the Box Shadow size.

Desktop Layout

Configure the layout of the Block displayed on a Desktop device by choosing to hide or display the Block, adjust the Text Alignment, customize the padding inside and outside the Block, remove the padding altogether, and adjust the placement of the Block.

Mobile Layout

Configure the layout of the Block displayed on a Mobile device by choosing to hide or display the block and customize the padding inside and outside the Block.

Animations

Create visual effects by configuring the animations settings for the block. Select the type, direction, delay, and duration of your animation.

Time Reveal

The Time Reveal setting allows you to offset the time before the content in a Block is revealed after a visitor enters the page.

Contact support or access our 24/7 Live Chat:

Contact Support Live Chat

Previous Article

Time Reveal

Next Article

Assessment

Need Help? Chat With Us Now!