{"id":16367843,"date":"2026-05-19T14:56:29","date_gmt":"2026-05-19T14:56:29","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&#038;p=16367843"},"modified":"2026-05-23T13:44:30","modified_gmt":"2026-05-23T13:44:30","slug":"advanced-settings-overview","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/advanced-settings-overview\/","title":{"rendered":"Advanced Settings overview"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use Advanced Settings to further customize your block. While some of the options listed below apply to multiple blocks, others are block-specific. To learn more about a particular block, visit the&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks-list\/\">Blocks list page<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to access Advanced settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you don&#8217;t see the sidebar, click the<strong> Settings<\/strong> button next to Save\/Publish. With your block selected in the editor, click the Advanced section in the Settings panel to expand its options.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"412\" height=\"240\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/593711403-5c6a21b5-a1c7-4146-bda9-bcc6f6e45ec1.png\" alt=\"Editor location for Advanced block settings\" class=\"wp-image-16367845\" style=\"width:346px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/593711403-5c6a21b5-a1c7-4146-bda9-bcc6f6e45ec1.png 412w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/593711403-5c6a21b5-a1c7-4146-bda9-bcc6f6e45ec1-300x175.png 300w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/figure>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f4fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/working-with-blocks\/#block-settings\">Read more about block settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Common settings<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">HTML anchor<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"384\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-anchor.png\" alt=\"Advanced HTML Anchor setting\" class=\"wp-image-16368143\" style=\"aspect-ratio:1.468769074262462;object-fit:cover;width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-anchor.png 564w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-anchor-300x204.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">HTML anchor&nbsp;allows you to&nbsp;<a href=\"https:\/\/wordpress.org\/documentation\/article\/page-jumps\/\">make a unique web address<\/a>&nbsp;for a particular block. Then, you\u2019ll be able to link directly to a block on your page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Additional CSS class(es)<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"222\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css-classes.png\" alt=\"Advanced Additional CSS Class(es) setting\" class=\"wp-image-16368144\" style=\"width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css-classes.png 560w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css-classes-300x119.png 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The&nbsp;Additional CSS class(es)&nbsp;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<h3 class=\"wp-block-heading\">Additional CSS<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"554\" height=\"512\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css.png\" alt=\"Advanced Additional CSS option\" class=\"wp-image-16368145\" style=\"width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css.png 554w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-additional-css-300x277.png 300w\" sizes=\"auto, (max-width: 554px) 100vw, 554px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Additional CSS&nbsp;allows you to customize the appearance of the block. You do not need to include a CSS selector, just add the property and value, For example adding:&nbsp;<code>color: red;<\/code>&nbsp;will set the text color to red.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\">The field is only visible to users with the&nbsp;<code>edit_css<\/code>&nbsp;capability. <a href=\"https:\/\/wordpress.org\/documentation\/article\/roles-and-capabilities\/\">Learn more about WordPress user roles and capabilities.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">HTML element<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"560\" height=\"294\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-element.png\" alt=\"Advanced HTML Element setting\" class=\"wp-image-16368146\" style=\"width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-element.png 560w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-html-element-300x158.png 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Some blocks include a drop down to select the HTML element that wraps the block. This allows you to optimize your block content for screen readers and improve overall accessibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Styles<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"306\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-styles.png\" alt=\"Advanced Styles setting\" class=\"wp-image-16368147\" style=\"width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-styles.png 570w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-styles-300x161.png 300w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use the&nbsp;Apply globally&nbsp;button under styles to apply this block\u2019s typography, spacing, dimensions, and color styles to all blocks of this type.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Allowed blocks<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"564\" height=\"268\" src=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-allowed-blocks.png\" alt=\"Advanced Allowed Blocks setting\" class=\"wp-image-16368148\" style=\"width:350px\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-allowed-blocks.png 564w, https:\/\/wordpress.org\/documentation\/files\/2026\/05\/advanced-allowed-blocks-300x143.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Some blocks offer the option to specify which blocks are allowed inside of them. Click on the Manage allowed blocks button to make changes.<\/p>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2026-05-23\n<ul class=\"wp-block-list\">\n<li>Added HTML element<\/li>\n\n\n\n<li>Updated screenshots<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2026-05-19<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use Advanced Settings to further customize your block. While some of the options listed below apply to multiple blocks, others are block-specific. To learn more about a particular block, visit the&nbsp;Blocks list page. How to access Advanced settings If you don&#8217;t see the sidebar, click the Settings button next to Save\/Publish. With your block selected [&hellip;]<\/p>\n","protected":false},"author":20811757,"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":[83,80],"class_list":["post-16367843","helphub_article","type-helphub_article","status-publish","hentry","category-block-editor","category-customization"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16367843","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"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/users\/20811757"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=16367843"}],"version-history":[{"count":14,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16367843\/revisions"}],"predecessor-version":[{"id":16368154,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16367843\/revisions\/16368154"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=16367843"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=16367843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}