Jira customize CSS

Jason Smalridge April 21, 2013

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

4 votes
Answer accepted
richie_gee
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
April 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

Jason Smalridge April 21, 2013

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)
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
August 26, 2013

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 March 3, 2015

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

Like # people like this
4 votes
Penny Wyatt (On Leave to July 2021)
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
April 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

<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 February 19, 2015

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 August 28, 2015

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

Jason Smalridge August 28, 2015

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.

Like # people like this
Eric Hileman January 12, 2016

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

Will January 27, 2016

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

Eric Hileman January 27, 2016

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

ijawaid September 8, 2016

how would we use it in velocity file ?

Joy M March 14, 2018

what about inline css?

Nic Brough -Adaptavist-
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
March 14, 2018

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