> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/starlite-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/starlite-documentation/overview/announcement-bar.md).

# Announcement bar

### Configure the announcement bar

Select the customize theme option. Click on the dropdown menu at the top of the page to select the **Home page** template**.**

From the left side menu, select the **Announcement bar.**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="264"></th><th></th></tr></thead><tbody><tr><td>Announcement bar</td><td><strong>Show on home page only</strong><br>Select the checkbox to show the announcement bar on the home page only.<br><br><strong>Auto rotate</strong><br>Select/deselect the checkbox to enable/disable the auto-rotation of the announcements.<br><br><strong>Change slides every</strong><br>Adjust the slider to set the auto rotation speed of announcements.</td></tr><tr><td>Image</td><td><strong>Height</strong><br>Select the image height from the following options:<br>-Adapt to image<br>-Landscape<br>-Portrait<br>-Square</td></tr><tr><td>Contact info</td><td><strong>Show info</strong><br>Select the checkbox to show the contact info added in the below text.<br><br><strong>Text</strong><br>Add the contact information text.</td></tr><tr><td>Social media icons</td><td>Desktop layout<br><br>Social media icons<br><strong>Show social media icons</strong><br>Select this checkbox to show social media icons.<br><em>(Note: To display your social media accounts, link them in your theme settings -> social media.)</em><br><br>Language selector<br><strong>Enable language selector</strong><br>Tick this checkbox to enable the language selector in the announcement bar.<br>For it's setup, refer to the <a href="https://help.shopify.com/en/manual/markets/languages/manage-languages">help docs.</a><br><br>Currency selector<br><strong>Enable currency converter</strong><br>Tick this checkbox to enable the currency convertor in the announcement bar.<br>For it's setup, refer to the <a href="https://help.shopify.com/en/manual/payments/shopify-payments/selling-and-getting-paid-in-different-currencies">help docs.</a></td></tr><tr><td>Colors</td><td><p><strong>Left side</strong><br><strong>Background style</strong> </p><p>Select the background style from the given options:</p><p>-Solid</p><p>-Gradient <br><br><strong>Solid</strong><br>Select any color for the solid background.<br><strong>Gradient</strong><br>Select any color for the gradient background.<br><strong>Text</strong><br>Select any color for text. <br><br><strong>Toggle</strong><br><strong>Background</strong><br>Select any color for the background.<br><strong>Text</strong></p><p>Select any color for the text. <br><br><strong>Link</strong><br><strong>Text</strong></p><p>Select any color for the text. <br><strong>Hover</strong></p><p>Select any hover color. <br><br><strong>Right side</strong><br><strong>Background</strong><br>Select any color for the background.<br><strong>Text</strong></p><p>Select any color for the text. <br><br><strong>Link</strong><br><strong>Text</strong></p><p>Select any color for the text. <br><strong>Hover</strong></p><p>Select any hover color. </p></td></tr></tbody></table>

### Block settings

<table data-header-hidden><thead><tr><th width="269"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Text</td><td>Add any promotional or important text.</td><td></td></tr><tr><td>Collapsible content</td><td><strong>Enable toggle</strong><br>Tick this checkbox to show the toggle button, which slides down and shows below selected content.<br><br><strong>Toggle button label</strong><br>Enter any text to appear as the toggle button label.<br><em>Note: This text is mandatory to show the collapsible content below.</em><br><br><strong>Subheading</strong><br>Enter any text to show as a subheading.<br><br><strong>Heading</strong><br>Enter any text to show as a heading.<br><br><strong>Description</strong><br>Enter any text to show as a description.<br><br><strong>Content alignment</strong><br>Select the content alignment options from:<br>-Left<br>-Center<br>-Right<br><br><strong>Image</strong><br>Select any image.<br><br>Button<br><strong>Label</strong><br>Enter the button label.<br><br><strong>Link</strong><br>Enter a link to redirect the button.<br><br><strong>Size</strong><br>Select the button size from the following:<br>-Small<br>-Medium<br>-Large<br>-Extra large</td><td></td></tr></tbody></table>