# Announcement bar

The **Announcement Bar** is located at the top of every page, above your site's header and logo.

With its eye-catching position on your storefront, it's the perfect place to display important information and incentives for your customers, such as:

* **Announcements**
* **Promotions**
* **Sales**
* **News**

### **Getting Started**

You can customiseor add multiple annoouncement bars by the following steps from your Shopify dashboard:

1. Go to `Online Store` → `Themes` → `Customise`
2. By default, the Sections panel will be loaded on page load.
3. Select `Announcement bar` at the top of the panel, just below the [Static sidebar](https://koding-themes.gitbook.io/theme-support/atom/sections/header) section

#### Here you can change the following options;

* Show the announcement bar on the homepage only or all pages
* Set the announcement text to autoplay when you have more than 1 announcement
* Set the transition speed of each text block to slide in from the right
* Update the announcement bar text and assign an optional link

#### How to add multiple announcements?

Announcements are added using blocks, you can add multiple announcements by clicking 'Add Announcement'

<div align="left"><figure><img src="https://content.gitbook.com/content/ZSwNaYgHUbepn9LK6XTX/blobs/AiO5r8yOfgcwopf3UUTs/annoucement-bar.png" alt=""><figcaption></figcaption></figure></div>

Now that you have created a second announcement , you can customise the text and setup autoplay and control the speed of each transition.

#### How to do i change the color of the Announcement bar?

* You can change the backgorund and text colors directly in the section
* The background color will change the entire content blocks color, while the font color will change the text only.&#x20;
* Save your changes, then your done.

<div align="left"><figure><img src="https://content.gitbook.com/content/ZSwNaYgHUbepn9LK6XTX/blobs/06ZAmAuzl6kzMTa1fOzk/announcement-COLORS.png" alt=""><figcaption></figcaption></figure></div>