> 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/slide-banner/block-slide.md).

# \[Block] Slide

1. Select the **slide banner** option from the theme editor.
2. Click on **Add block**. Select **Slide** from **Theme Block** dropdown.

#### Content

<table><thead><tr><th width="242">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Content width</td><td>Determines the content width of the block. Can be from <strong>400px</strong> to <strong>1200px</strong>, in <strong>10px</strong> arithmetic increments</td></tr><tr><td>Text transform</td><td><p>Select the font style transform of the text:</p><ul><li><strong>Normal</strong></li><li><strong>Lowercase</strong></li><li><strong>Capitalize</strong></li><li><strong>Uppercase</strong></li></ul></td></tr><tr><td>Font weight heading</td><td><p>Select the font weight heading from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Heading</td><td>Add text to display as a <strong>block heading</strong><br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>heading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Heading size</td><td><p>Font size of text:</p><ul><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Subheading</td><td>Add text to display as a <strong>block subheading</strong><br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>subheading</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Font weight subheading</td><td><p>Select the font weight subheading from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Subheading size</td><td><p>Font size of text:</p><ul><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Text</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>Count down time</td><td>Add time with format to show countdown. <br><em><mark style="color:red;">(</mark><mark style="color:red;"><strong>Example: 02/07/2023 11:05:00 or Mon Feb 07 2023 11:05:00 GMT</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Top margin</td><td>Determines the height of the top outside 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>Mobile top margin</td><td>Determines the height of the top outside space of blocks on mobile devices. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Text (Color)</td><td>Set the text color for this section</td></tr><tr><td>Background</td><td><p>Select a background color for this section </p><p><em><mark style="color:red;">(If a background gradient is set, the section's background will be set according to the background gradient setting)</mark></em></p></td></tr><tr><td>Background gradient</td><td>Select a background gradient color for the section</td></tr><tr><td>Choose button style</td><td><p>Select the style button from the dropdown menu:</p><ul><li><strong>Default</strong></li><li><strong>Transparent</strong></li></ul></td></tr><tr><td>Button label</td><td>Add text to display as a <strong>button</strong> on the section <br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>link</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Button link</td><td>Set the link, for example the customer service page</td></tr><tr><td>Button top margin</td><td>Determines the height of the top outside space of the button. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Button bottom margin mobile</td><td>Determines the height of the top outside space of button on mobile devices. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Content alignment</td><td><p>Select the alignment of content from the dropdown menu:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>