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!