Simple Banner - ChoosePlugin.com

Display a simple banner/bar at the top of your website.

Author:	Ryan Petersen (profile at wordpress.org)
WordPress version required:	3.0.1
WordPress version tested:	6.4.2
Plugin version:	2.17.0
Added to WordPress repository:	14-07-2015
Last updated:	23-12-2023
Rating, %:	96
Rated by:	42
Plugin URI:	https://github.com/rpetersen29/simple-banner
Total downloads:	1 227 282
Active installs:	50 000+
Click to start download

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.

Screenshots
FAQ

What does the banner look like in my DOM?

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>

The banner or changes to the banner aren’t showing up, or are only showing up when I’m logged in, what’s wrong?

Your browser frequently caches scripts associated with a website in order to improve speed and performance. There are also some
wordpress plugins that cache scripts to improve performance. If you aren’t seeing your banner or the changes you made to the banner,
first clear your browser cache and if that doesn’t work, look for any plugin that bundles or caches scripts and clear that as well.

Why is my banner covering my header or behind my header?

Your theme probably uses absolute positioning for its header in this case. Try changing the positioning of your banner and see if that helps.
This changes the position CSS attribute of the banner. More information can be found here. If none of this works, you may need a custom solution for your banner.
You can either try to find another plugin that suits your needs or you can purchase the pro version and open a support ticket to fix your situation.

My homepage isn’t disabled even though I set it as disabled.

Some themes use a page id of 1 for the homepage, other themes set that id dynamically. This has recently been fixed, but if you are still
experiencing issues, please open a support ticket.
In the meantime you can use the following custom JavaScript to disable on your homepage:

document.addEventListener('DOMContentLoaded', function(){
  if (window.location.href === "YOUR_WEBSITE_URL_HERE"){
    document.getElementById('simple-banner').remove();
  }
}, false);

Is there a Pro version?

Yes, but you should look through the support topics before you decide if you need the pro version.

Does this plugin use cookies?

Yes, they are used only if you enable the close button. These cookies fall under the category of “strictly necessary cookies” and do not need consent from the user, more information here.
If cookies are disabled on the user’s browser, the banners close button expiration setting will not work and the banner will show on each refresh.

How do I re-enable my banner after I hit the close button

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.

How do I disable the banner in my posts?

This feature is being actively developed, in the meantime you can use this custom JavaScript:

document.addEventListener('DOMContentLoaded', function(){
  if (window.location.pathname.includes("post")){
    document.getElementById('simple-banner').remove();
  }
}, false);

I have the Divi theme and the banner isn’t showing.

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;
}

Hide FAQ

ChangeLog

2.17.0

2.16.0

2.15.4

2.15.3

2.15.2

2.15.1

2.15.0

2.14.2

2.14.1

2.14.0

2.13.3

2.13.2

2.13.1

2.13.0

2.12.3

2.12.2

2.12.1

2.12.0

2.11.0

2.10.9

2.10.8

2.10.7

2.10.6

2.10.5

2.10.4

2.10.3

2.10.2

2.10.1

2.10.0

2.9.4

2.9.3

2.9.2

2.9.1

2.9.0

2.8.0

2.7.0

2.6.0

2.5.0

2.4.7

2.4.6

2.4.5

2.4.4

2.4.3

2.4.2

2.4.1

2.4.0

2.3.0

2.2.3

2.2.2

2.2.1

2.2.0

2.1.3

2.1.2

2.1.1

2.1.0

2.0.7

2.0.6

2.0.5

2.0.4

2.0.3

2.0.2

2.0.1

2.0.0

1.4.1

1.4.0

1.3.0

1.2.1

1.2.0

1.1.0

1.0.5

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0