How to change color of columns?

[roy_king]

Hello, I have a question.

How to change color of columns?

I use next-zen Kanban project.

[Andy Dassing · Accepted solution]

It's easy!  There are a few sites to which I apply custom CSS coloring using a Chrome extension named "User JavaScript and CSS" (v1.2.8) by tenRabbits,

1. Install the "User JavaScript and CSS" extension (LINK)
2. Open the extension's Options
3. + Add new site (for your Jira Cloud, e.g., mycompany.atlassian.net)
4. Name your customization  (e.g., "MyCompany Kanban Column Colors")
5. In the CSS panel (right side) enter this:

   #ghx-column-headers li:nth-child(1) { /* IN SPRINT */
       background-color: #E0E0E0;
   }
   #ghx-column-headers li:nth-child(2) { /* IN PROGRESS */
       background-color: #E0F0FF;
   }
   #ghx-column-headers li:nth-child(3) { /* FOR REVIEW */
       background-color: #FFE0FF;
   }
   #ghx-column-headers li:nth-child(4) { /* DONE */
       background-color: #E0FFE0;
   }

6. Adjust the colors and add/remove columns as needed.
7. Save your changes, the refresh your Kanban page to see the changes.

[Vahan Alaverdyan]

This solution is a headache for non-technical people. It would be so much better if Jira could provide this simplest solution only with one click. 

[Raj Grewal]

Thanks was real simple to implement.

[Kailash Venkatasubramanian]

That was a simple solution even for non technical folks. Hardly took 2 minutes to implement. Thanks!

[George Turnbull]

Perhaps simple, but highly problematics for a number of reasons:

1. Requires you have permissions/admin authority to edit page code

2. Requires you to be able to use Chrome extensions (they are disabled in my company)

3. Requires you to customize every page that needs a non-standard arrangement

4. Requires Jira Cloud(?) - will this work for DataCenter?

[Ollie Guan]

Hello @roy_king ,

Welcome to the community!

1. How to change color of columns?

What does color mean here? Can you upload a screenshot?

2. Can I change order of columns?

Drag directly in the column.

[roy_king]

Like thisI want to change background color.

[John Funk]

Hi Roy - No, you cannot change the color of the entire column. Only the left hand-side of the individual card. 

[Spasoje Jesic]

Hi John, how I can do that?

[John Funk]

Go to Board Settings > Card Colors

[Manoj Jain]

@roy_king - As per my understanding we can't colour code column.

Having said that you may try use card color option to highlight specific tickets matching required criteria using JQL.

https://support.atlassian.com/jira-software-cloud/docs/customize-cards/