Announcement Banner

The Announcement Banner plugin displays a notification banner at the top or bottom of your website. The settings page allows the user to set the banner to either fixed or relative position, choose background and text color, make the text linkable, toggle the banner on and off, add a close button, and even add custom CSS.

Announcement Banner Features

• Choose the background color and text color of the announcement banner.
• Display the banner at the top or bottom of the page in fixed or relative position.
• Add an optional ‘Close’ button to the banner.
• Close Button Duration setting that keeps the banner closed for a custom number of days.
• Set a fixed banner height in pixels.
• Custom message including HTML tags.
• Link the entire banner text (optional)
• Toggle the banner on and off.
• Add your own custom CSS.

Plugin Settings

• Show Announcement Banner – Turn the Announcement Banner on (Yes) and off (No) as needed. The banner will be off by default when installed.
• Announcement Banner Position -The fixed setting will pin the banner to the top of the screen. It will stay pinned to the top even when scrolling. Relative will keep the banner in its normal position and it will scroll with the page.
• Announcement Banner Placement – The default Announcement Banner placement is at the top.
• Background Color and Text Color – This field will accept Hex code (Ex: #000000) or supported color name (Ex: black). Default background color is white. (#FFF) Default text color is dark gray. (#333)
• Banner Height – Add a fixed height in pixels to the banner.
• Top Padding – Add top padding the body element when the Announcement Banner is displayed. This can be useful when the banner is set to position: fixed.
• Close Button – The close button will hide the banner on click. The button will appear on the right side of the banner.
• Close Button Duration – Set the amount of days the banner until the banner reappears after the user clicks the close button.
• Announcement Banner Message – Enter your text for your announcement. HTML is allowed.
• Make Message a Link? – Make the full text of the announcement banner message a link.
• Link URL – URL for the message link. This will only work if Make Message a Link setting is set to Yes.
• Custom CSS – Add your own custom CSS.