Articles on: Components & Elements

List Element

Getting Started



You can add a list to your website using the List element. This article will show how you can add a List element to your website and customize it according to your needs.

Adding the List element



Follow the steps below to add a List to your site.

- Click on the + button labelled Add Element or Container within an empty container
- From the Elements tab, select List element

Refer to the GIF below:





List element after it is added

Editing the List element



Follow the steps and instructions below to add and edit a List element on your site.

The List element editor has the following options:

List Items
List Items Styles
Icon Styles
Divider Styles
List Background

The List element editor:



List Items



In this option, you can copy, delete, add or edit list items. There are editing options for separate list items as well.



Editing an individual List Item:



List Item Styles



In this setting, you can stylize the items in your list with many necessary settings, like adjusting the text size, the gap between the list items, etc.

Refer to the GIFs below to see these settings in action:






Divider Styles



In this setting option, you can add a divider between your links and stylize them according to your preferences. There are necessary settings like changing the type of divider you want, changing the color, and more.

Refer to the GIF below to see these settings in action:



List Background



You can add a background to your list with this setting. You can add plain color or a gradient according to your needs.

Refer to the GIF below to see these settings in action:

Updated on: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!