Joomla! 4 is completely redesigned, rethought, and has new features. Joomla 4 Templates

Unordered and ordered lists with options for font style, similar as in paragraph block. You can use regular bullet styles or select custom bullet images.

When a new list block is created, a sample list with 3 list items is created. Click on the text, delete it and enter (or paste) your text. Simple as that. When you hit "enter", a new list item will be added.

Rich Text

List block can contain rich text. So, some words can be in bold or italic or underlined (or a combination of these). You can use the following keyboard shortcuts.

  • To make a part of the text bold, select the text and click CTRL+B (Win) or CMD+B (Mac).
  • To make a part of the text italic, select the text and click CTRL+I (Win) or CMD+I (Mac).
  • To make a part of the text underline, select the text and click CTRL+U (Win and Mac).

To reverse this (for example, make bolded text unbolded), select the text and click the same keyboard shortcut again.

Link Adding Links

This block type has a link icon in the toolbar. To add a link, first select a part of the text (or entire list item) that will be the anchor of the link. Then, click on the Link icon to open a prompt where you can enter the URL of your link. To change or delete the link, click on the link to place the cursor inside the link and then click the Link icon again. It will open a new window where you can change the link, change the target window for the link and also remove the link.

Link settings

Cog List Block Settings

List settings

List ID

Unique identifier of this block. It's useful for CSS or custom coding. If you don't need this, leave this field empty.

List Class

Class name to this block in order to style it in your template's CSS file. If you don't need this, leave this field empty.

You can also use some special classes for the list block and use various icons instead of default bullets. Special classes are: "arrow", "arrowleft", "calendar", "checklist", "clock", "delete", "email", "file", "folder", "heart", "information", "lock", "pencil", "play", "rss", "person", "shop", "song", "star", "star2", "trash", "tweak", "unlock", "warn".

List Type

There are two types of lists: ordered (each list item starts with a number), and unordered (they have bullets instead of numbers).

Text Color

Select a text color for the list using the color picker or by entering the HEX value manually.

Font Size

Select predefined font size for the list (small, normal, medium, large or huge). For example, use large text for lists that are important and small text for lists that are less important. The default value is normal.

Custom Font Size

Explicitly sets the font-size value to the block. You should enter a value and units. For example, valid values are 18px, 1.2em, 1.6rem, 150%, etc.

Text Align

Select text alignment for this block. You can align text to the left or to the right. Also, the text can be centered and justified. The default text alignment value is none.

Example

List block output

Block Operations

To learn how to duplicate, move and delete blocks, visit the Blocks page of the Page Layout section.