{"id":13740825,"date":"2020-12-03T17:58:39","date_gmt":"2020-12-03T17:58:39","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&p=13740825"},"modified":"2024-06-08T18:43:01","modified_gmt":"2024-06-08T18:43:01","slug":"search-block","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/search-block\/","title":{"rendered":"Search block"},"content":{"rendered":"\n
Go back to the list of Blocks<\/strong><\/a><\/p>\n\n\n\nUse the Search block<\/em> to place a search widget on your page or post.<\/p>\n\n\n\n<\/figure>\n\n\n\nClick Block inserter <\/strong>(+<\/strong>) icon to open the block inserter pop-up window and search for the Search block<\/em>.<\/p>\n\n\n\n<\/video>Demonstration to add a search block<\/figcaption><\/figure>\n\n\n\nYou can also use the keyboard shortcut \/search<\/kbd> to quickly insert a Search block<\/em>. <\/p>\n\n\n\nDetailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\nBlock toolbar<\/h2>\n\n\n\nTo view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Use the Search block<\/em> to place a search widget on your page or post.<\/p>\n\n\n\n<\/figure>\n\n\n\nClick Block inserter <\/strong>(+<\/strong>) icon to open the block inserter pop-up window and search for the Search block<\/em>.<\/p>\n\n\n\n<\/video>Demonstration to add a search block<\/figcaption><\/figure>\n\n\n\nYou can also use the keyboard shortcut \/search<\/kbd> to quickly insert a Search block<\/em>. <\/p>\n\n\n\nDetailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\nBlock toolbar<\/h2>\n\n\n\nTo view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Click Block inserter <\/strong>(+<\/strong>) icon to open the block inserter pop-up window and search for the Search block<\/em>.<\/p>\n\n\n\n<\/video>Demonstration to add a search block<\/figcaption><\/figure>\n\n\n\nYou can also use the keyboard shortcut \/search<\/kbd> to quickly insert a Search block<\/em>. <\/p>\n\n\n\nDetailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\nBlock toolbar<\/h2>\n\n\n\nTo view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
You can also use the keyboard shortcut \/search<\/kbd> to quickly insert a Search block<\/em>. <\/p>\n\n\n\nDetailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\nBlock toolbar<\/h2>\n\n\n\nTo view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Detailed instructions on adding blocks can be found here<\/a>.<\/p>\n\n\n\nBlock toolbar<\/h2>\n\n\n\nTo view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
To view the block toolbar, click on the block, and the toolbar will be displayed.<\/p>\n\n\n\n<\/figure>\n\n\n\nEvery block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\nThe Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Every block comes with unique toolbar icons and blocks specific user controls that allow you to manipulate the block right in the editor.<\/p>\n\n\n\n
The Search block<\/em> shows standard eight buttons:<\/p>\n\n\n\n\nTransform to<\/li>\n\n\n\nDrag icon<\/li>\n\n\n\nMove handles<\/li>\n\n\n\nChange text alignment<\/li>\n\n\n\nToggle search label<\/li>\n\n\n\nChange button position<\/li>\n\n\n\nUse button with Icon<\/li>\n\n\n\nMore options<\/li>\n<\/ul>\n\n\n\nAdding placeholder text<\/h3>\n\n\n\nWhen you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
When you add a Search block<\/em>, you have an option to add placeholder text inside the search field. The placeholder text is displayed until the user starts typing in a search term in the search field.<\/p>\n\n\n\n<\/figure>\n\n\n\nTransform to<\/h3>\n\n\n\n<\/figure>\n\n\n\nWhen you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
When you click on the Transform <\/strong>button you can convert the Search block<\/em> into another block type while keeping the existing content.<\/p>\n\n\n\nClick on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Click on the Transform<\/strong> button to convert the Search block into a Columns<\/em> or Group<\/em> block. Group<\/em> block gives you the ability to change the background color around the Search block<\/em>.<\/p>\n\n\n\nDrag icon<\/h3>\n\n\n\n<\/figure>\n\n\n\nTo drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
To drag and drop the block to a new location on the page template, click and hold the drag<\/strong> icon, then drag it to the new location. The blue separator line indicates where the block will be placed. Release the left mouse button when you find the new location to place the block.<\/p>\n\n\n\nMove arrows<\/h3>\n\n\n\n<\/figure>\n\n\n\nThe up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The up<\/strong> and down<\/strong> arrow icons can be used to shift a block up and down on the page. <\/p>\n\n\n\nDetailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Detailed instructions on moving a block within the editor can be found here<\/a><\/p>\n\n\n\nChange text alignment<\/h3>\n\n\n\n<\/figure>\n\n\n\nUse the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Use the change alignment tool to align the Search block<\/em>. The following is a list of the block align options:<\/p>\n\n\n\n\nNone<\/li>\n\n\n\nAlign left<\/strong> \u2013 Make the block left-aligned.<\/li>\n\n\n\nAlign center<\/strong> \u2013 Make the block alignment centered.<\/li>\n\n\n\nAlign right <\/strong>\u2013 Make the block right aligned.<\/li>\n<\/ul>\n\n\n\nToggle search label<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to hide the search field label.<\/p>\n\n\n\nChange button position<\/h3>\n\n\n\n<\/figure>\n\n\n\nThis button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n\nButton outside<\/strong> \u2013 the default setting.<\/li>\n\n\n\nButton inside<\/strong> \u2013 the search button is part of the search text field.<\/li>\n\n\n\nNo button<\/strong> \u2013 removes the Search button and only displays the Search text field on the page.<\/li>\n\n\n\nButton only<\/strong> – displays only the Search button and hides the Search input text field<\/li>\n<\/ul>\n\n\n\nButton inside setting<\/figcaption><\/figure>\n\n\n\nNo button setting<\/figcaption><\/figure>\n\n\n\nButton only setting<\/figcaption><\/figure>\n\n\n\nUse button with icon<\/h3>\n\n\n\nThe search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
This button can be used to hide the search field label.<\/p>\n\n\n\n
This button can be used to change the position of the search button. There are three options to choose from:<\/p>\n\n\n\n
The search button can be either text or icon.<\/p>\n\n\n\nSearch button with text<\/figcaption><\/figure>\n\n\n\nSearch button with icon<\/figcaption><\/figure>\n\n\n\nClicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Clicking on the Search button or the Search title in the search block will display three more buttons in the Block Toolbar – Bold, Italic and More Rich Text controls.<\/p>\n\n\n\n<\/figure>\n\n\n\nBold<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
You can select the text in the Search title or the Search button and use the Bold<\/strong> option or Ctrl+B<\/kbd> \/ Cmd+B<\/kbd> on your keyboard to bold it, which is usually heavier than the surrounding text.<\/p>\n\n\n\nItalic<\/h3>\n\n\n\nYou can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
You can select the text in the Search title or the Search button and use the Italic<\/strong> option or Ctrl+I<\/kbd> \/ Cmd+I<\/kbd> on your keyboard to italicize it, which usually appears slanted to the right.<\/p>\n\n\n\nMore rich text options<\/h3>\n\n\n\nThe drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The drop-down menu to the left of the More options menu<\/a> contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.<\/p>\n\n\n\nRead about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Read about more rich text editing options.<\/a><\/p>\n\n\n\nMore options <\/h3>\n\n\n\nThe 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\nRead about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
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
Read about these and other settings.<\/a><\/p>\n\n\n\nBlock settings<\/h2>\n\n\n\nThe block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The block settings panel contains customization options specific to the block. To open it, select the block and click the Settings<\/strong> icon next to the Publish <\/strong>button.<\/p>\n\n\n\n<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/p>\n\n\n\n<\/figure>\n\n\n\nDisplay settings<\/h3>\n\n\n\nIt\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
It\u2019s possible to adjust the Search<\/strong> <\/em>block width with the help of the Display Settings:<\/p>\n\n\n\n<\/figure>\n\n\n\nAlternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Alternatively, you can drag the block itself with your mouse:<\/p>\n\n\n\n<\/figure>\n\n\n\nColor<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The Search<\/strong> <\/em>block <\/em>provides Color settings options to change the text and background colors.<\/p>\n\n\n\nFor details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
For details, refer to this support article: Color settings overview<\/a><\/p>\n\n\n\nTypography<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The Search<\/strong> <\/em>block <\/em>provides typography settings to change the font family, size, appearance, line height, letter case, letter spacing, and decoration.<\/p>\n\n\n\nFor details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
For details, refer to this support article: <\/a>Typography settings overview<\/a><\/p>\n\n\n\nBorder<\/h3>\n\n\n\nThe Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The Search<\/strong> <\/em>block provides border settings options to change border and radius size.<\/p>\n\n\n\n<\/figure>\n\n\n\nFor details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
For details, refer to this support article: Border settings overview<\/a><\/p>\n\n\n\nAdvanced<\/h3>\n\n\n\nThe Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
The Advanced tab lets you add CSS class(es) to your block. This will allow you to write custom CSS and styles for the block.<\/p>\n\n\n\n<\/figure>\n\n\n\n\nChangelog <\/h2>\n\n\n\n\nUpdated 2023-08-24\n\nUpdated screennshots and videos for 6.3<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-06-20\n\nUpdated rich text options section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2023-02-07\n\nUpdated screenshots<\/li>\n\n\n\nFixed formatting<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-11-26\n\nRemoved redundant content <\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-16\n\nUpdated screenshots, added video for 6.0<\/li>\n\n\n\nUpdated content for 6.0<\/li>\n\n\n\nAdded ALT tags for images<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-06-06\n\nUpdate settings screenshot for 6.0<\/li>\n\n\n\nAdd “Use button with icon” section<\/li>\n<\/ul>\n<\/li>\n\n\n\nUpdated 2022-02-04\n\nUpdated screenshots to 5.9<\/li>\n<\/ul>\n<\/li>\n\n\n\nCreated 2020-12-03<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Go back to the list of Blocks Use the Search block to place a search widget on your page or post. Click Block inserter (+) icon to open the block inserter pop-up window and search for the Search block. You can also use the keyboard shortcut \/search to quickly insert a Search block. Detailed instructions […]<\/p>\n","protected":false},"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","category":[80,90],"class_list":["post-13740825","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-widget-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825","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=13740825"}],"version-history":[{"count":10,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions"}],"predecessor-version":[{"id":16360390,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13740825\/revisions\/16360390"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13740825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13740825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}