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

0 vote

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?

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

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.

you should do like this:

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

#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 Join to answer
Community showcase
Sarah Schuster
Posted Jan 29, 2018 in Jira

What are common themes you've seen across successful & failed Jira Software implementations?

Hey everyone! My name is Sarah Schuster, and I'm a Customer Success Manager in Atlassian specializing in Jira Software Cloud. Over the next few weeks I will be posting discussion topics (8 total) to ...

3,308 views 14 20
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
Atlassian Team Tour

Join us on the Team Tour

We're bringing product updates and pro tips on teamwork to ten cities around the world.

Save your spot