List Block

Description

The List Block is how you create bullet lists in Foundry.

The List Item block is a child block that will appear once you start your list. It controls each individual list item, so if you have a List Block with 10 items, you will have 10 List Item blocks. The text styles for list items will default to the body text style set in Global Styles > Typography.

Screenshots

List Block (Parent)

List Item Block (Child)

How to Change the List Marker

Settings – List Block

List Styles

Marker Color

This setting allows you to choose a custom colour for the bullet or number marker next to the list, from your palette(s) set in Global Styles > Colours.

Text Color Override

This setting allows you to change the default colour of the list item text to any other colour from your palette(s) set in Global Styles > Colours.

Use Custom Icon

This is a toggle that allows for a custom icon to be set either for all list items, or individually per list item.

Marker Content

Allows you to input an icon font unicode value for all list items.

This currently only supports Font Awesome icons via the Font Awesome plugin and shortcodes. More about Font Awesome shortcodes.

Settings – List Item Block

List Styles

Marker Color

This setting allows you to choose a custom colour for the bullet or number marker next to the list, from your palette(s) set in Global Styles > Colours.

Marker Content

This setting allows you to input an icon font unicode value individually for each list item.

This currently only supports Font Awesome icons via the Font Awesome plugin and shortcodes. More about Font Awesome shortcodes.

Advanced

Additional CSS Class(es)

This allows you to enter a unique Class identifier, for custom CSS targeting within the theme to faciliate custom development. More about Theme Customizations.

It also enables the use of Foundry utility classes. More about Utility Classes.