> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/sections/all-sections-in-theme/search-block.md).

# Search Block

<figure><img src="/files/r3vJOB5gSNhiB5ZHwzHr" alt=""><figcaption></figcaption></figure>

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Search block**".

## Section settings

<table><thead><tr><th width="328">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Section width</td><td>Select the layout width of the whole section. The options are: <br><br><mark style="color:orange;"><strong>Default (same as the body width)</strong></mark><br><mark style="color:orange;"><strong>Width (1170px)</strong></mark><br><mark style="color:orange;"><strong>Width (1770px)</strong></mark><br><mark style="color:orange;"><strong>Full Width (the 100% of the viewport width)</strong></mark></td></tr><tr><td>Padding for 'full width' option on desktop</td><td>Determine the left and right spacing of the full width layout.</td></tr><tr><td>Content alignment</td><td>Select the alignment of the content to be either to the Left, Center or to the Right of the item.</td></tr><tr><td>Position</td><td>Select the alignment of block content to be either to the Left, Right or Center.</td></tr><tr><td>Maximum content width</td><td>Determine the maximum width of the content.</td></tr><tr><td>Title</td><td>Enter in the title for the section.</td></tr><tr><td>Title color</td><td>Apply a color to the title of the section.</td></tr><tr><td>Title bottom margin</td><td>Determine the spacing of the title from bottom on desktop.</td></tr><tr><td>Title font size</td><td>Specify the font size of the title.</td></tr><tr><td>Title font size on mobile</td><td>Specify the font size of the title on mobile.</td></tr><tr><td>Title style</td><td>Transform the title to be None, Capitalize, Uppercase or Lowercase.</td></tr><tr><td>Description</td><td>Enter the text for the description.</td></tr><tr><td>Description color</td><td>Apply a color to the description.</td></tr><tr><td>Description bottom margin</td><td>Determine the spacing of the description from bottom.</td></tr><tr><td>Description font size</td><td>Specify the font size of the description.</td></tr><tr><td>Text color - Background color - Background gradient - Border color</td><td>Set the text color, background, and border color for the input.</td></tr><tr><td>Placeholder text</td><td>Enter in the placeholder text for the search field.</td></tr><tr><td>Alignment</td><td>Select the alignment of the text to be either Left, Right or Center.</td></tr><tr><td>Input top padding</td><td>Set the top padding top for the input.</td></tr><tr><td>Input bottom padding</td><td>Set the top padding bottom for the input.</td></tr><tr><td>Section top padding / Section bottom padding on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td></tr></tbody></table>