How to change Navigation Bar Highlight Background Colour?

[Jan Veselý]

Header Highlight Background Colour can be changed, but in order to achieve a unified look, I need to change Navigation Bar Highlight Background Colour as well (from default blue).

[John Chin · Accepted solution]

Hi Jan,

Please refer to customize the look and feel in JIRA.

Good luck

Cheers,

John

[Jan Veselý]

Hi John,

I did that first. I did not find how to change Navigation Bar Highlight Background Colour though.

Regards

Jan

[John Chin]

Did you try to click on the Navigation Bar Highlight Background Colour (blue) and prompt a screen for you to select the colour?

[Jan Veselý]

There is no such option. What I need to customize is the pull-down menu background colour which is always blue.

[John Chin]

I notice there is a ticket refer to this feature JRA-20193 and no longer exist in JIRA 4 and above.

[Joey McDaniel]

I've been trying to change this for longer than I would like to admit. I'm not able to determine two things: 1) What is the file controlling this color? 2) Is there a CSS id or class I can overwrite?

[Michael Kayser]

you should do like this:

<style type="text/css">
            .aui-list li.active a {
                background-color: #5D0705;
            }
        </style>

[Mikael Mikkola]

#splitter-sidebar  {background-color:#DDFFEE;}    

in the Stylesheet of the wiki space (or Global Stylesheet). Works in Confluence 5.7 at least.

Alternatively, probably this is OK (in macros or the like):

<style type="text/css">

#splitter-sidebar  {background-color:#DDFFEE;}    

</style>

[Sean Curtis]

Hi Jan,

Are you using an OnDemand instance or are you running it yourself? Can you maybe take a screenshot of the header/menu and indicate which bit you're trying to change?

Cheers,

Sean

[Jan Veselý]

Hi Sean,

we are running downloaded version. I have attached a screenshot - the blue background under the menu item "Search for Issues" is what we need to change (as it does not fit our green design at all).

Thanks

Jan

[Sean Curtis]

Hi Jan,

Sorry for the delayed reply. The look and feel customisations will be improved greatly in JIRA 6.0 (out in a few months). You could try and override the one in your instance by inspecting that menu item using the devtools in your browser (I'd recommend Chrome) and then override the style by placing the CSS overrides in the announcement banner.

Cheers,

Sean

[Joey McDaniel]

I'll buy you a beer (or 6) if you can tell the ID or Class the blue background uses. Using firebug, I can't find either.