# Ticker

### Ticker <a href="#extrablocks-timer" id="extrablocks-timer"></a>

&#x20;The Ticker element is used to add a scrolling ticker (banner) on your pages to make users aware of important information, like sales or deadlines.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FkJLgMtoNM235fhbUaBe4%2Ftickera1.png?alt=media&#x26;token=1ffc03ce-3610-48d2-a13a-e9b98fe4abcf" alt=""><figcaption></figcaption></figure>

To add a ticker/banner to your page, drag on the Ticker element from the Extra menu.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FQkLetnSCorMl2mxmFNGz%2Fticker1.png?alt=media&#x26;token=3461cf7e-1dbd-4e46-b39d-34f5ec7df609" alt=""><figcaption></figcaption></figure>

After you drag a ticker block onto the page you will notice the element is in "Edit Mode". There is an "Edit mode" tag on the upper right and a scrollbar below the element. The scroll bar allows you to move the ticker from left to right to edit all sub-elements in the ticker. Edit mode is only visible in the builder. The live page will always scroll as expected.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Fzrc5y10VGa2ts3KzWNkI%2Fticker2.png?alt=media&#x26;token=5689a12f-0fca-4c8d-99d1-75350c43a6df" alt=""><figcaption></figcaption></figure>

The settings menu of the outer ticker countainer allows you to toggle of Edit Mode. This will animate the ticker and begin scrolling directly in the builder.&#x20;

You may also adjust settings for:

* Reverse Scroll
* Hide Icon
* Hide Image
* Ticker Control Speed

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2Foa9Na3gK4GZdlP8i4Ngu%2Fticker3.png?alt=media&#x26;token=31e54840-1bb2-4120-b040-9342e3400314" alt=""><figcaption></figcaption></figure>

&#x20;The ticker element itself is made up of 6 boxes. This repetition allows for the constant scroll of the element. Each box includes an image, a Font Awesome icon, and a text box. All can be edited as needed. To edit the image, simply double click the existing image to open the Assets Manager.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FUMOP3TT9n7fZS6JWzRNV%2Fticker4.png?alt=media&#x26;token=6c57c6a8-277e-4e63-9e12-1a82f7bd7b2c" alt=""><figcaption></figcaption></figure>

To edit the Font Awesome icon, click the icon and choose a new icon from the settings menu.

<figure><img src="https://3790748257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT43PzcNjyZtWby9yrGd3%2Fuploads%2FZjgUCcC3tLHBbZePdDJm%2Fticker5.png?alt=media&#x26;token=2181e071-e345-4ec0-9f19-21fe5b7fb725" alt=""><figcaption></figcaption></figure>
