# Announcement Bar

**URL:** <https://meta.discourse.org/t/announcement-bar/286352>\
**Category:** Theme component\
**Created:** [November 22, 2023, 5:50pm UTC](https://meta.discourse.org/t/announcement-bar/286352 "2023-11-22T17:50:08Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [November 22, 2023, 5:50pm UTC](https://meta.discourse.org/t/announcement-bar/286352/1 "2023-11-22T17:50:09Z")

</div>

![Screenshot from 2023-11-22 15-00-50](https://global.discourse-cdn.com/meta/original/4X/f/6/d/f6d4c64d1887c0f212246005dfdc4345a4e668c1.png)

| | | |
| --- | --- | --- |
| ℹ | **Summary** | Display a dismissable announcement bar |
| 👓 | **Preview** | [https://discourse.theme-creator.io](https://discourse.theme-creator.io/theme/nolo/announcement-bar) |
| 🛠 | **Repository** | [https://github.com/nolosb/discourse-announcement-bar](https://github.com/nolosb/discourse-announcement-bar) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

## Settings

There’s a few settings for adjusting link behavior and component placement.

 ![image](https://global.discourse-cdn.com/meta/original/4X/9/5/e/95ef6ce09d7f8255826379c83e33ed7ea9ee860e.png)

* * *

## Locales

Text and button label are localized strings. If you update the announcement text, the bar will show again for users that have previously dismissed it.

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/b/4/8b42b6b945f0ed132d8580c914de1976dcd5d0bc.png)

If you have AI translations enabled, you can let it translate the strings to more languages.

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/7/1/d71d0e6532ea6bfc5cc72ddb5f928f0aba9686ca.png)

* * *

## Styles

For CSS styling the component structure is:

```plaintext
.announcement-bar {
  &__wrapper { }

  &__container { }

  &__content { }

  &__text { }

  &__button { }

  &__close { }
}

```

---

_[View the full topic](https://meta.discourse.org/t/announcement-bar/286352)._