> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/glozin-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/glozin-theme/header-group/announcement-bar.md).

# Announcement bar

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-5c2811e2ebd76dfb10d918a03f5dbc96fd0c0fc5%2FScreenshot%202024-06-10%20162032.png?alt=media" alt=""><figcaption></figcaption></figure>

## Section settings

### General settings

**Section width:** You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout.

**Color scheme:** You are allowed to change text color, background color, etc. with preset color.

**Type:** Select between slide and marquee.

**Show close button:** Include a close button, marked with an "X" icon, for user convenience.

**Home page only:** Choose whether to display the feature exclusively on the home page or on all pages.

**Show on mobile:** Determine if this feature should be visible on mobile devices.

**Show separator line:** Decide to show the separator line on which page.

**Action:** Select the type of action for displaying the feature, with options including an animation marquee or a slider, to enhance the visual experience on your site.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-a8ad204b2522e5ceeb65612b303e3290c3b75c58%2Fimage%20(440).png?alt=media" alt=""><figcaption></figcaption></figure>

### Content settings

**Uppercase:** Convert content to uppercase.

**Font setting:** Adjust the font settings by choosing a specific font size and weight for readability and visual impact.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-22b636fcc8c62e00fef2ff32d312e2c880bd9244%2Fimage%20(441).png?alt=media" alt=""><figcaption></figcaption></figure>

### Marquee setting

**Speed:** Set the duration for the marquee animation to ensure smooth scrolling.

**Spacing between items:** Manage the spacing between two announcements within the marquee to maintain clarity and aesthetic balance.

**Icon between items:** Control the icon that appears between two announcements in the marquee.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-27d152f0ab8b849a9c8e82c1fc26945e2b28ffad%2Fimage%20(443).png?alt=media" alt=""><figcaption></figcaption></figure>

### Slider setting

You can set the duration for the slide before it transitions.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-4ce93e8e33a868e2454aa3fe39929f8150db179c%2Fimage%20(444).png?alt=media" alt=""><figcaption></figcaption></figure>

### Section padding

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-d8143b78ab881496a040c136f686035d399d8ae3%2Fimage%20(445).png?alt=media" alt=""><figcaption></figcaption></figure>

## Block settings

Here, you can set the text displayed in each block. Additionally, you can include a countdown timer for any information within the block.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-6ee5cb9b7a7b5259a23626c09cf5b2e8d78e1325%2Fimage%20(446).png?alt=media" alt=""><figcaption></figcaption></figure>