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

# Announcement bar

The **Announcement bar** in a website's header offers various benefits to a sales website. It can promote discounts, create urgency, deliver important information, highlight key messages, enhance brand identity, and provide effective calls to action, ultimately improve customer engagement and boost sales.

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FzeFGClSAtIbS28K8JeXb%2Fimage.png?alt=media&amp;token=1ad1cee6-af54-43f5-8b12-1d2f0f92320b" alt=""><figcaption></figcaption></figure>

## 1. Section settings

### General settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FYd4kC8fovtPraU1han29%2Fimage.png?alt=media&amp;token=8dc9f369-ec8c-4938-9e13-9ec5811b44af" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fixed width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td><strong>Show close button</strong></td><td>Display the close button</td></tr><tr><td><strong>Show</strong> <strong>only on homepage</strong></td><td>Display only on the homepage</td></tr><tr><td><strong>Enable on mobile</strong></td><td>Show on mobile screens</td></tr><tr><td><strong>Type</strong></td><td><p>2 options for type</p><ul><li><strong>Carousel</strong><em>:</em> Display multiple items in a rotating slideshow to grab attention. You can control the transition speed and the number of visible slides.</li><li><strong>Marquee</strong>: Text displayed as a marquee scrolls for attention</li></ul></td></tr></tbody></table>

### Carousel settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2Fud1cHSJk8YvzPZ91NLCa%2Fimage.png?alt=media&amp;token=5e626c21-8414-47f2-8dc3-546341b432f4" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="175">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show navigation</strong></td><td>Display navigation arrows that allow users to manually move between carousel slides.</td></tr><tr><td><strong>Auto-change slide</strong></td><td>Enable automatic sliding so that carousel items move without user interaction.</td></tr><tr><td><strong>Change slides every</strong></td><td>Set the time interval (in seconds) for each automatic slide transition.</td></tr></tbody></table>

### Content settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FgqHzUQ022DBTrN0fZeUy%2Fimage.png?alt=media&amp;token=dedae7e3-b7fc-45b6-a57b-593898b353e8" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="175">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Uppercase</strong></td><td>Toggle to display all text in uppercase letters for a bold, emphasized look.</td></tr><tr><td><strong>Size</strong></td><td>Select the text size (Small, Medium, Large) to control the visual emphasis of the content.</td></tr></tbody></table>

### Section padding

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FmRUDAuZbGDxRSJedCe0H%2Fimage.png?alt=media&amp;token=1d188c43-d2ea-4ddc-a016-755ed31cd717" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Top</strong></td><td>Customize the top margin of the section</td></tr><tr><td><strong>Bottom</strong></td><td>Customize the bottom margin of the section</td></tr></tbody></table>

### 2. Block Settings

### Text

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FOtHBd2uPltOIB8lJsP1y%2Fimage.png?alt=media&amp;token=ed7220d5-61aa-469d-8644-1ed68e274e48" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Text</strong></td><td>Determine the content to be shown as announcement.</td></tr></tbody></table>