How to add a site-wide banner

Still need help?

The Atlassian Community is here for you.

Ask the community

This guide is for informational purposes and is not eligible for support from Atlassian.  If you have any questions about the information on this page, please reach out to our community at Atlassian Answers for help. 

Purpose

Confluence administrators may want to add a site-wide message to users.

Solution

Confluence administrators can add a site-wide banner that will appear at the top of every page of your Confluence site.

Example 1: Permanent Site Wide Banner

Screenshot: Example of a Site-Wide Banner 

 To add a site-wide banner

  1. Go to Confluence Admin
  2. Click 'Custom HTML' in the 'Look and Feel' section of the left-hand panel.
  3. Click 'Edit'.
  4. Add the following code to the 'At beginning of the BODY' textbox.

    <!-- Message Banner -->
    <div style="background-color: yellow; border: 2px solid red; margin: 4px; padding: 2px; font-weight: bold; text-align: center;">
    Your important message...
    </div>
  5. Click 'Save'.

If you want the banner across the bottom of the page, you should add the code to the 'At end of the BODY' textbox instead.

Example 2: Close-able Site Wide Banner

Screenshot: Example of a close-able Site Wide Banner 

 To add a close-able site-wide banner:

  1. Go to Confluence Admin
  2. Click 'Custom HTML' in the 'Look and Feel' section of the left-hand panel.
  3. Click 'Edit'.
  4. Add the following code to the 'At beginning of the BODY' textbox.

    <div class="aui-message closeable">
        <p class="title">
            <strong>Error!</strong>
        </p>
        <p>And this is just content in a Default message.</p>
    </div>
  5. Click 'Save'.

Other notes:

(info) If your banner significantly increases the height of your Confluence site footer, you may need to add HTML to allow for the extra height of a custom footer.

RELATED TOPICS

 

Last modified on Oct 12, 2016

Was this helpful?

Yes
No
Provide feedback about this article
Powered by Confluence and Scroll Viewport.