nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Jira Logo???

Warren McInnes

Hi All,

What is the best method in changing the size of the jira logo? It is by default restricted to 30x57 pixels?

We would like for example to use a logo of our own on our instance of JIRA that's 100x100 pixels?

Please advise - Must be compatible for jira 5/6 going forward?

Accepted answers

Boris Georgiev [Appfire]

Inject the following code by following the instructions here

https://confluence.atlassian.com/display/JIRA/Fields+Allowing+Custom+HTML+or+JavaScript

https://developer.atlassian.com/display/JIRADEV/Adding%20JavaScript%20to%20all%20pages%20for%20Google%20Analytics

AJS.$("h1#logo&gt;a").css("height", 100)

AJS.$("h1#logo&gt;a&gt;img").css("height", 100)

AJS.$("h1#logo&gt;a&gt;img").css("max-height", 100)

All comments

Boris Georgiev [Appfire]

I don't think that is possible at least without breaking the JIRA look and feel.

Also this will be a waste of a lot of space in the whole JIRA UI.

Do you really need to use such large logo ?

Warren McInnes

30x30 is tiny and causes our company logo to look distorted

I think atleast 50x50 or 75x75 or 100x100 would look much better - Why doesn't

Atlassian offer this basic functionality - Feeling very restricted at the moment.

There must be way to alter this

Boris Georgiev [Appfire]

Here's how JIRA UI would look like if the logo is 100x100px. Do you think is is acceptable for you ? There is a way to achieve this, but it is a dirty hack and as I said it might break the UI on a lot of places, as the size of the logo is enforced by the AUI library top navigation component I think.

Warren McInnes

Alright I guess 100x100 would be way out, but I think 50x50 would look nice?

What is this dirty hack of yours?

Boris Georgiev [Appfire]

Inject the following code by following the instructions here

https://confluence.atlassian.com/display/JIRA/Fields+Allowing+Custom+HTML+or+JavaScript

https://developer.atlassian.com/display/JIRADEV/Adding%20JavaScript%20to%20all%20pages%20for%20Google%20Analytics

AJS.$("h1#logo&gt;a").css("height", 100)

AJS.$("h1#logo&gt;a&gt;img").css("height", 100)

AJS.$("h1#logo&gt;a&gt;img").css("max-height", 100)

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

jira-administration