BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off

Announcement Bar block guide

Pro

How to add the Announcement Bar block and what every setting does. It comes with Bright Addons Blocks Pro, which also includes every free block.

Start

Add the block

A dismissible announcement bar with rotating messages, a button, a schedule and an optional sticky position at the top or bottom of the screen.

  1. Install the plugin

    Install Bright Addons Blocks Pro from your account and activate your licence. It includes every free block.
  2. Add the block

    Open a page or post in the block editor, press +, and search for “Announcement Bar”. It is in the Bright Addons Pro category.
  3. Set it up

    Open the block sidebar and work through Messages, Button, Position and behaviour, Layout and Colors.
  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 5

Messages

Open the block sidebar and find the Messages panel.

Setting What it does Choices
Messages A list you can add to, remove from and reorder. Each item has: text, icon, link text, link and open in a new tab. –
Change effect Used when there is more than one message. Slide up, Fade
Show each message for (seconds) From 2 to 60. –
Previous and next arrows On or off. –

Panel 2 of 5

Button

Open the block sidebar and find the Button panel.

Setting What it does Choices
Show a button On or off. –
Text Text you type. –
Link Link address. –
Open in a new tab On or off. –
Icon Icon picker. –
Icon position Choose one. Before, After

Panel 3 of 5

Position and behaviour

Open the block sidebar and find the Position and behaviour panel.

Setting What it does Choices
Position Sticky bars are shown inside the block in the editor so they are easy to select. Where the block is placed, Sticky at the top of the screen, Sticky at the bottom of the screen
Push the page down Makes room for the bar so it does not cover the top of the page. –
Stack order (z-index) A number. –
Close button On or off. –
After closing Choose one. Show again on the next page, Stay closed for this visit, Stay closed for a number of days
Days A number. –
Announcement name Change this when you publish a new announcement, so visitors who closed the old one see the new one. –
Show to Choose one. Everyone, Visitors who are not logged in, Logged-in users
Show between two dates On or off. –
From Date and time. –
Until (empty = no end) Date and time. –

Panel 4 of 5

Layout

Open the block sidebar and find the Layout panel.

Setting What it does Choices
Text alignment Choose one. Left, Center, Right
Content width (px) From 400 to 1600. –
Text size (px) From 11 to 24. –
Corner radius (px) From 0 to 30. –

Panel 5 of 5

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Background Color picker. –
Background gradient end Color picker. –
Text Color picker. –
Links Color picker. –
Icons Color picker. –
Button background Color picker. –
Button text Color picker. –
Close button and arrows Color picker. –
Close button and arrows background Color picker. –

Questions

Good to know

Is the Announcement Bar block free?

Announcement Bar is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.

Do I need Elementor for this block?

No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.

Will it slow down my pages?

No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.