How to change Navigation Bar Highlight Background Colour?

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).

4 answers

1 accepted

This widget could not be displayed.

Hi Jan,

Please refer to customize the look and feel in JIRA.

Good luck

Cheers,

John

Hi John,

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

Regards

Jan

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

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

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

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?

This widget could not be displayed.

you should do like this:

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

This widget could not be displayed.
Sean Curtis Atlassian Team Nov 11, 2012

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

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 Atlassian Team Jan 15, 2013

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

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.

This widget could not be displayed.

#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>

Suggest an answer

Log in or Sign up to answer
Atlassian Summit 2018

Meet the community IRL

Atlassian Summit is an excellent opportunity for in-person support, training, and networking.

Learn more
Community showcase
Posted Wednesday in New to Jira

Are you planning to trial, or are currently trialling Jira Software? - We want to talk to you!

Hello! I'm Rayen, a product manager at Atlassian. My team and I are working hard to improve the trial experience for Jira Software Cloud. We are interested in   talking to 20 people planning t...

113 views 2 0
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you