# Announcement bar

<figure><img src="https://2076760007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FniVteMYkc5VfE2wdYlOK%2Fuploads%2FVfdJkQB6NA3cYDeHVs9z%2Fimage.png?alt=media&#x26;token=7961b480-3e4f-42a3-b2c6-ed73d4ee2c5d" alt=""><figcaption></figcaption></figure>

## Section settings

**Layout content:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

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

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

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

**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://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/IXuPy34RF8c045mQRstk/image.png" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/Qp1FOFEbXInzyqST6wRw/image.png" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://content.gitbook.com/content/niVteMYkc5VfE2wdYlOK/blobs/mD8w1MT3meNG0jX2oVHy/image.png" alt=""><figcaption></figcaption></figure>
