Simple Banner – Easily add multiple Banners/Bars/Notifications/Announcements to the top or bottom of your website

Description

This plugin makes it easy to display a simple announcement banner or bar at the top of your website. You can easily customize the color of the links, text, and background of the bar from within the settings. You can also customize to your heart's desire by adding your own custom CSS. There's also a fancy preview section within the settings so you can see your changes before you save them.

Now with multi-banner support, you can display up to 5 separate banners on your site. Banners can be shown simultaneously or plan weeks of banners by showing them consecutively.

Other Notable Features

Here are a few other notable features of this free Simple Banner – Easily add multiple Banners/Bars/Notifications/Announcements to the top or bottom of your website plugin.

Announcement

Banner

Notification

Screenshots

FAQ

This is how the banner will look in your HTML:

<div id="simple-banner" class="simple-banner">   <div class="simple-banner-text">     <span>       YOUR SIMPLE BANNER TEXT HERE     </span>   </div> </div>

You can clear your browser’s cookies or in the browser’s console you can execute:

document.cookie = "simplebannerclosed=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/";

You can also set your Close button expiration to blank, 0, or a date in the past. This method may require a refresh or two of the browser on your website page.

Try setting the “Prepend element” setting to header. If that doesn’t work, set your banner position to relative and try this in ‘Website Custom CSS’:

#main-header:not(.et-fixed-header) {   position: relative; } #top-header:not(.et-fixed-header) {   position: relative; }

Contributors and developers

“Simple Banner – Easily add multiple Banners/Bars/Notifications/Announcements to the top or bottom of your website” is open source software. The following people have contributed to this plugin.