# 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>Color scheme</td><td>Select any color scheme defined in the theme settings>Colors>Schemes.</td></tr><tr><td>Separator line</td><td>Choose the separator line visibility from the following options:<br>- Top<br>- Bottom<br>- Both<br>- None</td></tr><tr><td>Display mode</td><td>Choose the display visibility from the following options:<br>- Homepage only<br>- All pages</td></tr><tr><td>Appearance</td><td><strong>Text size</strong><br>Adjust the range bar to determine the text size.<br><br><strong>Icon width</strong><br>Adjust the range bar to determine the icon width.<br><br><strong>Custom icon width</strong><br>Adjust the range bar to determine the custom icon width.<br><br><strong>Direction</strong><br>Choose the marquee direction from the following options:<br>- Left to right<br>- Right to left<br><br><strong>Speed</strong><br>Adjust the range bar to determine the marquee speed<br><br><strong>Gap</strong><br>Adjust the range bar to determine the gap between text and icons.</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>Icon</td><td><strong>Icon type</strong><br>Choose icon type from the list or any custom icon<br><br><strong>Icon list</strong><br>Select from a list of available icon options is given.<br><br><strong>Custom icon</strong><br>Choose any custom icon from the store library.<br><br><strong>Icon style</strong><br>Choose the icon style from circle or box.</td><td></td></tr></tbody></table>