# List

**Lists** organize information in a structured, scannable format. Choose between numbered, bulleted, or custom marker styles to present sequential steps or related points of information.

## Style settings

<table><thead><tr><th width="227">Property</th><th>Description</th></tr></thead><tbody><tr><td>Background image</td><td>Upload a custom image to use as list markers instead of default shapes.</td></tr><tr><td>Background color</td><td>Set the color for list markers.</td></tr><tr><td>Display border</td><td>Toggle between "Yes" or "No" to add or remove borders around markers.</td></tr><tr><td>Margin from icon</td><td>Control the horizontal spacing between the list marker and text.</td></tr><tr><td>Margin between lines</td><td>Adjust the vertical spacing between list items.</td></tr><tr><td>Smooth appearance</td><td>Toggle between "Yes" or "No" to enable or disable smooth animation transitions for list items.</td></tr><tr><td>List shadow</td><td>Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro. </td></tr></tbody></table>

## Typography settings

The Typography tab allows you to configure text styles for different list elements:

* **Numbering**. Configure the appearance of numerical markers in ordered lists. Adjust font, style, size, line spacing, and color of numbers.
* **Rich-text options**. Apply specific formatting to selected text within list items. Changes made here affect only the text in the List element:
  * Basic
  * Headings
  * Caption
  * List
  * Quote
  * Link

For details on how to configure parameters in rich-text options, see [Typography and fonts](https://help.parta.io/branding/create-branding/typography-and-fonts).<br>
