{"id":11284907,"date":"2019-03-07T09:42:37","date_gmt":"2019-03-07T09:42:37","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=11284907"},"modified":"2026-03-02T15:52:14","modified_gmt":"2026-03-02T15:52:14","slug":"list-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/list-block\/","title":{"rendered":"List block"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of <strong>Blocks<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Organizing content into lists has just gotten easier. You can use the List block to create a bulleted or numbered list.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add the List block<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the Block Inserter tool by clicking the Block Inserter + icon in the top toolbar or in the block editor. Look for the&nbsp;List&nbsp;block by using the search bar, then click the icon to insert it into the editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also click the Block Inserter (+) icon in the editor and then choose the&nbsp;List&nbsp;block in the pop-up window.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use a (\/) slash command by typing&nbsp;<code>\/list<\/code>&nbsp;in the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"735\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-insterter-2-1.jpg\" alt=\"A screenshot of block inserter options when \/list is typed.\" class=\"wp-image-16366841\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-insterter-2-1.jpg 582w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-insterter-2-238x300.jpg 238w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"1126\" style=\"aspect-ratio: 1640 \/ 1126;\" width=\"1640\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-block.webm\"><\/video><\/figure>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">Detailed instructions on adding blocks can be found <a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">here<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each List Item inside the List block is a block that can be edited and moved. List Items can also be selected in the <a href=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\" data-type=\"URL\" data-id=\"https:\/\/wordpress.org\/documentation\/article\/list-view\/\">List View<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"522\" height=\"322\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-list_view-1.jpg\" alt=\"The List View is open and the List block is selected. Four inner List Item blocks are inside the List block.\" class=\"wp-image-16366843\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-list_view-1.jpg 522w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-list_view-300x185.jpg 300w\" sizes=\"auto, (max-width: 522px) 100vw, 522px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Block toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every block comes with unique toolbar icons and block-specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">The List block shows these standard buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Block moving tools<\/li>\n\n\n\n<li>Unordered list<\/li>\n\n\n\n<li>Ordered list<\/li>\n\n\n\n<li>Indent<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"51\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-toolbar.png\" alt=\"The List Block Toolbar.\" class=\"wp-image-16131904\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">The List Item shows the following buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Block moving tools<\/li>\n\n\n\n<li>Outdent list item<\/li>\n\n\n\n<li>Indent list item<\/li>\n\n\n\n<li>Bold<\/li>\n\n\n\n<li>Italic<\/li>\n\n\n\n<li>Hyperlink<\/li>\n\n\n\n<li>More rich text controls<\/li>\n\n\n\n<li>More options<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"53\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-toolbar.png\" alt=\"The List Item Toolbar with options for moving, indenting, outdenting, bold, italic and linked text.\" class=\"wp-image-16131902\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-toolbar.png 461w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-toolbar-300x34.png 300w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Transform to<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can transform the List block into the Paragraph, Heading, Quote, Columns, or Group blocks. You can unwrap list items and replace the list with the individual blocks using the Unwrap option.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"774\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-transforms_to-1.jpg\" alt=\"The List block Transform to modal.\" class=\"wp-image-16366844\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-transforms_to-1.jpg 502w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-transforms_to-195x300.jpg 195w\" sizes=\"auto, (max-width: 502px) 100vw, 502px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Block moving tools<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"51\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-toolbar-move.png\" alt=\"The List Block moving handles in the Toolbar.\" class=\"wp-image-16132016\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The up and down arrow icons can be used to shift a block up and down in your document.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/moving-blocks\/\">Get more information about moving a block within the Editor<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Unordered list<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"51\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-toolbar-unordered.png\" alt=\"The List Block unordered list option in the Toolbar.\" class=\"wp-image-16132027\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">An unordered list typically is a bulleted list of items. You can use&nbsp;unordered list&nbsp;where you do not need to display items in any particular order.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"319\" height=\"330\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-111111.png\" alt=\"An example of unordered list.\" class=\"wp-image-13449628\" style=\"width:319px;height:330px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-111111.png 319w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-111111-290x300.png 290w\" sizes=\"auto, (max-width: 319px) 100vw, 319px\" \/><figcaption class=\"wp-element-caption\">An example of unordered list<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Ordered list<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"51\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-toolbar-ordered.png\" alt=\"The List Block ordered list option in the Toolbar.\" class=\"wp-image-16132022\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">An&nbsp;ordered list&nbsp;typically is a numbered&nbsp;list&nbsp;of items. You can use ordered list&nbsp;where you need to display items in a particular order.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"332\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-811111.png\" alt=\"An example of ordered list.\" class=\"wp-image-13449814\" style=\"width:321px;height:332px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-811111.png 321w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/Untitled-811111-290x300.png 290w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><figcaption class=\"wp-element-caption\">An example of ordered list<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"1128\" style=\"aspect-ratio: 1638 \/ 1128;\" width=\"1638\" controls src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-indent.webm\"><\/video><figcaption class=\"wp-element-caption\">You can indent and outdent one or multiple List Items using the toolbar or keyboard commands.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Outdent list item<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-list-item-outdent-toolbar-1.png\" alt=\"The List Item outdent Toolbar option.\" class=\"wp-image-16132034\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the list item. You can decrease the indentation level using the &#8220;Outdent list item&#8221; option, or by pressing either the <code>Backspace<\/code> key or <code>Shift+Tab<\/code> key combination &#8211; which provides a convenient way to adjust indentation using keyboard commands.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Indent list item<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-list-item-indent-toolbar-1.png\" alt=\"The List Item indent Toolbar option.\" class=\"wp-image-16132039\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the list item. You can increase the indentation level using the &#8220;Indent list item&#8221; option, or by pressing either the <code>Space<\/code> key or the <code>Tab<\/code> key &#8211; which provides a convenient way to adjust indentation using keyboard commands.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bold and italics<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"467\" height=\"57\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-bold.png\" alt=\"The List Item Toolbar option for bold text.\" class=\"wp-image-16132060\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-bold.png 467w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-bold-300x37.png 300w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"467\" height=\"57\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-italic.png\" alt=\"The List Item Toolbar option for italic text.\" class=\"wp-image-16132062\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-italic.png 467w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/61-listblock-listitem-italic-300x37.png 300w\" sizes=\"auto, (max-width: 467px) 100vw, 467px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Bold and Italics formatting options are used to customize the text in the block. You can also use keyboard shortcuts to enable these text formatting:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>Ctrl + B<\/code> or <code>Command + B<\/code> to bold the text.<\/li>\n\n\n\n<li><code>Ctrl + I<\/code> or <code>Command + I<\/code> to italicize the text.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Hyperlink<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can select the text of a list item and use the Hyperlink option or <kbd>Ctrl+K \/ Cmd+K<\/kbd> on your keyboard to add a link to it.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/link-editing\/\">Read about more link editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">More rich text options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The drop-down menu to the left of the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">More options menu<\/a>&nbsp;contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-text-editing-overview\/\">Read about more rich text editing options.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading has-heading-3-font-size\">More Options<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate or remove the block.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block settings<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the settings icon next to the Publish or Save button.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image alignright size-medium is-resized has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"300\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-settings-6.8-1-269x300.jpg\" alt=\"Settings icon\" class=\"wp-image-16365687\" style=\"border-width:1px;width:450px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-settings-6.8-1-269x300.jpg 269w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-settings-6.8-1.jpg 564w\" sizes=\"auto, (max-width: 269px) 100vw, 269px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Unordered list settings<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"wp-block-paragraph\">If you choose an unordered list, you can select the symbol style at the beginning of every list item from Styles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is the example when Checkmark is selected.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"594\" height=\"486\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-unordered-checkmark-6.8.jpg\" alt=\"unordered list with checkmark\" class=\"wp-image-16365688\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-unordered-checkmark-6.8.jpg 594w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-unordered-checkmark-6.8-300x245.jpg 300w\" sizes=\"auto, (max-width: 594px) 100vw, 594px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Ordered list settings<\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h4 class=\"wp-block-heading\">List Style<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you choose an ordered list, you can select the list style from the List Style dropdown. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-medium has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"222\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-liststyle-6.8-300x222.jpg\" alt=\"List style of Ordered list\" class=\"wp-image-16365690\" style=\"border-width:1px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-liststyle-6.8-300x222.jpg 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-liststyle-6.8.jpg 566w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Start value<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can select the number your list starts at. This is useful if you want your list to start at a number other than 1.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Reverse order<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can also reverse the numbers of the list to start at the highest number first.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"870\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-settings-6.8.jpg\" alt=\"Ordered list settings\" class=\"wp-image-16365689\" style=\"border-style:none;border-width:0px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-settings-6.8.jpg 564w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/list-ordered-settings-6.8-194x300.jpg 194w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Color<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Like the&nbsp;paragraph block, the&nbsp;List block&nbsp;has color selection settings in the block\u2019s sidebar settings.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/colors-settings-overview\/\">Color settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The List block provides typography settings to change the font family, appearance, line height, letter spacing, decoration, letter case, and font size.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/typography-settings-overview\/\">Typography settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Border<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The List block provides border settings options to add border color, width, and radius.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/border-settings-overview\/\">Border settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dimensions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This block provides various options to adjust its dimensions, such as width and height, allowing you to customize the text layout to ensure visual consistency.<\/p>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">For details refer to this support article: <a href=\"https:\/\/wordpress.org\/documentation\/article\/dimension-controls-overview\/\">Dimension settings overview<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The Advanced tab in the List block and List Items lets you add HTML anchor and CSS class(es) to your block.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"710\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/Screenshot-2022-11-29-at-2.01.33-PM.png\" alt=\"The advanced section of the block settings sidebar has two input fields for the HTML Anchor and Additional CSS classes.\" class=\"wp-image-16246016\" style=\"width:280px;height:355px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/11\/Screenshot-2022-11-29-at-2.01.33-PM.png 560w, https:\/\/wordpress.org\/documentation\/files\/2022\/11\/Screenshot-2022-11-29-at-2.01.33-PM-237x300.png 237w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HTML anchor allows you to&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/page-jumps\/\">make a unique web address<\/a>&nbsp;for a particular List block. Then, you\u2019ll be able to link directly to a List block of your page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Additional CSS class(es) lets you add CSS class(es) to your block, allowing you to write custom CSS and style the block as you see fit.<\/p>\n\n\n\n<div class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#e0e0e0\">\n<h2 id=\"changelog\" class=\"wp-block-heading\">Changelog<strong> <\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-03-02 (props @milana_cap)\n<ul class=\"wp-block-list\">\n<li>Update section about inserting block (props @katmoody)<\/li>\n\n\n\n<li>Add Tab to indent\/outdent list item (props @paulhhm and @jdy68) <\/li>\n\n\n\n<li>Add border and color support (props @ndiego)<\/li>\n\n\n\n<li><a href=\"https:\/\/github.com\/WordPress\/Documentation-Issue-Tracker\/issues\/2132\">Overhaul<\/a>&nbsp;for the article.<\/li>\n\n\n\n<li>Update screenshots to 6.9 version.<\/li>\n\n\n\n<li>Update videos to 6.9 version.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2025-05-04\n<ul class=\"wp-block-list\">\n<li>Updated movie and block settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-08-09\n<ul class=\"wp-block-list\">\n<li>Replaced the link section with short summary linking to new dedicated page.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2023-06-08\n<ul class=\"wp-block-list\">\n<li>Replaced &#8220;More rich text options&#8221; section with short summary linking to new dedicated page for rich text editing options.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-11-29 \n<ul class=\"wp-block-list\">\n<li>Updated sidebar screenshots<\/li>\n\n\n\n<li>Linked to Color, Dimension, and Typography overview pages and removed content from here<\/li>\n\n\n\n<li>Linked to More options page and removed content from here<\/li>\n\n\n\n<li>Updated the More rich text controls screenshot and content.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-11-01\n\n\n<ul class=\"wp-block-list\">\n<li>Added information about the list item block.<\/li>\n\n\n\n<li>Screenshots and updates as per WordPress 6.1.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2021-02-27\n\n\n<ul class=\"wp-block-list\">\n<li>Added Typography option<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-12-06\n\n\n<ul class=\"wp-block-list\">\n<li>Added Color settings in Block Settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-09-24\n\n\n<ul class=\"wp-block-list\">\n<li>Screenshots and video as per WordPress 5.5<\/li>\n\n\n\n<li>Added feature changes in Block Toolbar<\/li>\n\n\n\n<li>Added feature changes in Block Settings<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-06-18\n\n\n<ul class=\"wp-block-list\">\n<li>Added &#8220;Go back to the list of Blocks&#8221; to the top of the page<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2019-03-07<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks Organizing content into lists has just gotten easier. You can use the List block to create a bulleted or numbered list. How to add the List block Open the Block Inserter tool by clicking the Block Inserter + icon in the top toolbar or in the block editor. [&hellip;]<\/p>\n","protected":false},"author":13243985,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,85],"class_list":["post-11284907","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-text-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=11284907"}],"version-history":[{"count":23,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284907\/revisions"}],"predecessor-version":[{"id":16366857,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/11284907\/revisions\/16366857"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/avillegasn"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=11284907"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=11284907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}