List items

Use the List items element to display text having the same layout, but containing unique content in each. List items are great at emphasizing product benefits, key features, or quick selling points for better conversion.
How to add List items
Steps:
In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
Select Lists > List items.
Drag the List items onto your canvas.
How to edit List items
Steps:
Select the relevant list items element in the editor.
All the formatting tools for the element can be found in the right-handsided Inspector panel.
General settings
Manage list items
Click Add item to add more to your list.
You can also remove/duplicate/reorder an item within the list.

You can view and manage the content of each list item individually. Options include:
Text: Enter the text content for the list item.
Link: Add a clickable link to the list item if needed. This is useful for directing users to a product page or more information. If you don't need links, leave this field blank.
Icon: Add or change an icon next to the list item text. You can adjust the size of the icon using the slider.

List style
If an icon is set for the list item, the icon will replace the list style.
Select a style for list formatting:
None (no bullets)
Disc
Circle
Decimal (numbered list)
Square
Disclosure closed/open (useful for dropdown-like lists)
⭐ Tip: Use "Disc" or "Circle" for simple bullets and "Decimal" for ordered steps.
Design settings
Target specific parts of the Contact form for customization:
Element container: Adjust text styles for items, wrapper's background colors, padding, borders, and spacing.
List items: Adjust spacing, borders, and background color for individual list items.

Last updated
Was this helpful?