Basic List
Basic List displays a repeated set of text items. Use it for a short list that needs consistent list and typography styling.
Add and configure Basic List
- Click Add, choose Basic List, and place it in the container.
- Populate Content > Content > Items.
- Configure Design > List, Typography, and Spacing.
- Save your changes.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Items | Add, edit, remove, and reorder items. | Shared |
| Items > Text | Visible text. | Shared |
| Items > Link | Destination and link options. | Shared |
Design > List
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Shared |
| Marker Type | None, Disc, Square, Emoji, Custom. | Shared |
| Emoji | Enter the emoji. When: Marker Type = Emoji. | Shared |
| Custom | Enter the custom. When: Marker Type = Custom. | Shared |
| Marker Color | Color or supported fill. When: Marker Type ≠ Emoji. | Hover |
| Below Item | Below item and unit. | Shared |
| Padding > List | List and unit. | Shared |
| Padding > Item | Item and unit. | Shared |
| Marker Position | Inside, Outside. | Shared |
Marker Type – CustomUse any value supported by the list-style-type CSS property.
Design > Typography
| Setting | Purpose and options | Behavior |
|---|---|---|
| Color | Color or supported fill. | Responsive, Hover |
| Alignment | Left, Center, Right, Justify. | Responsive |
| Typography | Set the font family, size, weight, line height, and other typography settings. | Shared |
| Effects > Stroke Width | Stroke width and unit. | Responsive, Hover |
| Effects > Stroke Color | Color or supported fill. | Responsive, Hover |
| Effects > Fill | Transparent, Gradient, Image. | Responsive |
| Effects > Gradient | Color or supported fill. When: Fill = Gradient. | Responsive, Hover |
| Effects > Image | WordPress media. When: Fill = Image. | Responsive, Hover |
| Effects > Size | Cover, Contain, Auto, Custom. When: Fill = Image. | Responsive |
| Effects > Height | Height and unit. When: Size = Custom. | Responsive |
| Effects > Width | Width and unit. When: Size = Custom. | Responsive |
| Effects > Repeat | no-repeat, repeat, repeat-x, repeat-y. When: Fill = Image. | Responsive |
| Effects > Position | Left Top, Left Center, Left Bottom, Right Top, Right Center, Right Bottom, Center Top, Center Center, Center Bottom, Custom. When: Fill = Image. | Responsive |
| Effects > Top | Top and unit. When: Position = Custom. | Responsive |
| Effects > Left | Left and unit. When: Position = Custom. | Responsive |
| Effects > Text Shadow | Shadow offset, blur, spread, color. | Responsive, Hover |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
Several points appear as one item
Create separate Items entries for each point.
Wrapped lines look uneven
Review list spacing and typography with a long item at phone width.