How Do I Change the Colour of the Crowd Header

Still need help?

The Atlassian Community is here for you.

Ask the community

Atlassian Support Offerings

The following approaches are considered Confluence customizations that are beyond the scope of Atlassian Support Offerings. Atlassian will not be held liable for any errors or other unexpected events resulting from the use of the customizations.


You may want to alter the colour of the Crowd header. This is often done to make it easier to differentiate between production and development environments of applications.


Changes to the main.css file will not require a restart. Changes will be reflected upon reloading any Crowd page in the browser.

  1. Open the <crowd-installation-directory>/crowd-webapp/console/style/main.css file with a text editor
  2.  Add the .aui-header section. For example, make the following change to make the header:

    	min-height: 42px;
    	background-color: #C33;
    	background-repeat: repeat-x;
    	color: #99B3CC;
  3. Save the file.

    (info) You may need to clear your browser cache if refreshing the page does not help. Alternatively, you may try Clearing the Crowd Plugin Caches.

All the documentation for the Atlassian User Interface is available online.


Last modified on Feb 26, 2016

Was this helpful?

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