> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/concept-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/concept-documentation/section/custom-tab/block-custom-tab.md).

# \[Block] Custom tab

1. Select the **custom tab** option from the theme editor.
2. Click on **Add block**. Select **custom tab** from **Theme Block** dropdown.

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a block <strong>heading</strong><br><em><mark style="color:red;">(Include a heading that explains the content)</mark></em></td></tr><tr><td>Select content</td><td><p>Select the layout style for the section:</p><ul><li><strong>Content from product description</strong></li><li><strong>Content from page</strong></li><li><strong>Custom content</strong></li></ul><p><em><mark style="color:red;">(The</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>'Content from product description'</strong></mark><mark style="color:red;"> </mark><mark style="color:red;">feature only functions on the product detail page)</mark></em></p></td></tr><tr><td>Content</td><td>Add text to display as a <strong>custom content</strong> for this block. You can use <strong>HTML</strong> format to fill in this field.<br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom content</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Content from page</td><td>Set up an page</td></tr></tbody></table>

#### Block padding

<table><thead><tr><th width="244">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Top padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding on mobile</td><td>Determines the height of the top inner space of the section on mobile. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>