---
title: "Feature: Layouts for the bullet list"
manual: "Frontend Theme for Extension Development"
version: "main"
source: "Changelog/2.0/Feature-BulletListLayouts.rst"
modified: "2026-09-17T04:52:50+00:00"
---

# Feature: Layouts for the bullet list

## Description

The **Bullet List** content element renders the list components of
the theme. Its **Layout** field, in the **Appearance** tab, is
offered for this element again and picks the look of an unordered or an
ordered list:

| Layout | Renders |
| --- | --- |
| **Bullets or numbers** | The list with the markers of the element baseline. |
| **Check marks** | A check mark in front of every item. |
| **Icons** | The icon picked in the new field **Icon** in front of every item. The field offers the icons of the theme's icon picker; with no icon picked the list keeps its markers. |
| **Inline** | The items on one line that wraps, with a hairline between them. |

A definition list is rendered with its terms and descriptions side by side on
a wide screen, stacked on a narrow one, whatever the layout says. See
[Important: A definition list reads "term|description" lines](Important-DefinitionListTermsAndDescriptions.html#important-definition-list-terms-and-descriptions) for how its lines are
read.

**Layout** stays hidden for every other content element: the theme
renders it for the bullet list only.

## Impact

Every bullet list renders `<ul class="theme-list">` or
`<ol class="theme-list">`, with the modifier of the chosen layout. A site
package that styles the bare list of a bullet list element gets the component
instead; its own rules for `.theme-content-element--bullets ul` still
apply, and win where they are more specific.

A site package can relabel or remove the layouts in page TSconfig, below
`TCEFORM.tt_content.layout.types.bullets`.