Jira customize CSS

[Jason Smalridge]

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

[richie_gee · Accepted solution]

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

[Jason Smalridge]

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?

[Sorin Sbarnea (Citrix)]

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.

[Mossroy]

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

[Penny Wyatt (On Leave to July 2021)]

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

<web-resource name="Resources" key="resources">
       <resource name="foo.css" type="download" location="resources/foo.css"/>
       <context>atl.admin</context>
       <context>atl.general</context>
</web-resource>

[Jason Smalridge]

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

[Christian Schindler]

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

[Jason Smalridge]

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.

[Eric Hileman]

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

[Will]

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

[Eric Hileman]

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

[ijawaid]

how would we use it in velocity file ?

[Joy M]

what about inline css?

[Nic Brough -Adaptavist-]

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