Jira customize CSS

Hello,

I have a custom css file that I would like to apply to an instance of Jira 5.2.4 to overrule the default CSS. In what folder of the install should I place this file so that it can be applied?

cheers

Jason

2 answers

1 accepted

3 votes
Richie Gee Atlassian Team Apr 21, 2013

You can simply add the following code linking to your css to the announcement banner to make it work :)

1
<LINK href="http://jiraserver/includes/my_css_files/mystyle.css" rel="stylesheet" type="text/css">

for more you can refer link below:

https://answers.atlassian.com/questions/54624/customize-jira-with-my-own-css

Hey, thanks for the reply. I had seen this option before but it gives me the impression of a hack and not the proper way of doing things. Is there not a way I could add it to the Jira install folder with all the rest of the CSS?

We had multiple serious bugs with Jira related to the presence of the announcement banner (not related to the content itself of the banner). It seems that the QA team at atlassian is not testing them and expect to have to disable it in order to allow people to use jira properly. Usually these were related to GH.

So, I would be happy to find another place were we can inject out custom CSS.

For what it's worth, I've put on GitHub a custom CSS that gives a more condensed layout (tested on JIRA 6.3.15) : https://github.com/mossroy/jira-custom-css

4 votes
Penny Wyatt Atlassian Team Apr 22, 2013

Any changes you make in the JIRA install folder will be lost when you next upgrade.

The proper way to do this is to write a simple JIRA plugin that includes the CSS as a web-resource.

https://developer.atlassian.com/display/JIRADEV/Web+Resource+Plugin+Module

&lt;web-resource name="Resources" key="resources"&gt;
       &lt;resource name="foo.css" type="download" location="resources/foo.css"/&gt;
       &lt;context&gt;atl.admin&lt;/context&gt;
       &lt;context&gt;atl.general&lt;/context&gt;
&lt;/web-resource&gt;

Thank you both. My boss does not want me to bother trying to create a pluggin so I will go with the banner method.

Cause your boss dont see the benefit of doing "good" work? Pretty nice.

Not only was that comment completely unproductive and immature but it was 6 months too late to be witty. Don't pollute forums with negative, pointless opinions.

The announcement banner no longer supports html. Looks like the plugin method is the only way to go.

FYI, a css link in the banner is still working for me... JIRA 6.2

We're using the cloud product and it's not working sad

how would we use it in velocity file ?

what about inline css?

Nope, your only way to do css in Jira now is hacking the core.  Which is absolutely not recommended (nor supported).

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Published Monday in Jira Software

How large do you think Jira Software can grow?

Hi Atlassian Community! My name is Shana, and I’m on the Jira Software team. One of the many reasons this Community exists is to connect you to others on similar product journeys or with comparabl...

397 views 6 10
Read article

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