> 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/image-with-text/block-link.md).

# \[Block] Link

1. Select the **image with text** option from the theme editor.
2. Click on **Add block**. Select **Link** from **Theme Block** dropdown.

*Primary button*

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show primary button</td><td>Enable/disable checkbox</td></tr><tr><td>Button type</td><td><p>Select the type button from the dropdown menu:</p><ul><li><strong>Link</strong></li><li><strong>Button</strong></li></ul></td></tr><tr><td>Button label</td><td>Add text to display as a <strong>button</strong> on the block <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>URL</td><td>Set the link, for example the customer service page</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></tbody></table>

*Secondary button*

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show secondary button</td><td>Enable/disable checkbox</td></tr><tr><td>Button type</td><td><p>Select the type button from the dropdown menu:</p><ul><li><strong>Link</strong></li><li><strong>Button</strong></li></ul></td></tr><tr><td>Button label</td><td>Add text to display as a <strong>button</strong> on the block <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>URL</td><td>Set the link, for example the customer service page</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>Secondary button color scheme</td><td>Select a color scheme to set the text and background colors for the <strong>secondary button</strong></td></tr></tbody></table>

#### Block padding

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><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>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom margin</td><td>Determines the height of the bottom outside space of the section. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>
