> 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/coutdown-showcase-hero/block-countdown.md).

# \[Block] Countdown

1. Select the **countdown showcase hero** option from the theme editor.
2. Click on **Add block**. Select **Countdown** from **Theme Block** dropdown.

<table><thead><tr><th width="237">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Count down time</td><td><p>Use this structure below to show countdown on the section: <strong>DD/MM/YYYY HH:MM:SS</strong> or <strong>MM DD YYYY HH:MM:SS GMT</strong></p><p></p><p><em><mark style="color:red;"><strong>Example</strong></mark></em><mark style="color:red;">: 02/07/2023 11:05:00 or Mon Feb 07 2023 11:05:00 GMT</mark><br><em><mark style="color:red;">(Leave the field blank to hide the count down)</mark></em></p></td></tr><tr><td>Text</td><td>Set the color for the text</td></tr><tr><td>Background</td><td>Set the background color for this section <br><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></td></tr><tr><td>Background gradient</td><td>Set the background gradient for this section</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>100px</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>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel)</td></tr></tbody></table>