Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to change color of columns?

Edited

Hello, I have a question.

 

How to change color of columns?

 

I use next-zen Kanban project.

4 answers

1 vote
Ollie Guan Community Leader May 13, 2020

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.

TIM截图20200513145904.png

Like thise8ef15ef.pngI want to change background color.

Like Prasanna Jena likes this

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.
0 votes
John Funk Community Leader May 13, 2020

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

Hi John, how I can do that?

John Funk Community Leader Dec 24, 2020

Go to Board Settings > Card Colors

Like Spasoje Jesic likes this

@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/

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
FREE
TAGS
Community showcase
Published in Jira Software

👋 Looking for 15-20 volunteers to test Atlassian training content

Hi everyone! Are you interested in beta testing Atlassian University’s newest (unreleased!) training course? We’re looking for 15-20 volunteers to test our newest training course, Basic reporting...

622 views 21 25
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you