Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Deleted user
0 / 0 points
badges earned

Your Points Tracker
  • Global
  • Feed

Badge for your thoughts?

You're enrolled in our new beta rewards program. Join our group to get the inside scoop and share your feedback.

Join group
Give the gift of kudos
You have 0 kudos available to give
Who do you want to recognize?
Why do you want to recognize them?
Great job appreciating your peers!
Check back soon to give more kudos.

Past Kudos Given
No kudos given
You haven't given any kudos yet. Share the love above and you'll see it here.

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

Is there a way to hide the "Add a list" bar?

6 answers

Yes please remove or optionally remove the "Add Another List".  That's a lot of screen real estate for something I'm not going to use very often once I have my board setup. 

There is a 'Trello Clean' Chome Extension to remove the 'Add List' column, but unfortunately, it only works in the browser, does not transfer over to the Desktop App. Yes Trello, please add this as a basic feature to Trello to keep a clean board.

I also hate that "Add a list..." button. I use the desktop app and I like to keep it open on a half of my screen, but because of that button I get the horizontal scroll bar. And since you can create new lists with a double-click on the background I do not use it anyway. 

It would be great to have a switch in the settings for hiding that button. A ".js-add-list {display: none}" in the css will be enough. 


As already mentioned, the benefit is to clean up unnecessary unused screen real estate.

Hey Aditya!

There's not a way to hide the "Add a list" bar.  However, the "Add a list" and "Add a card" do not appear if a user is added to the board as an observer (for Business Class).

Curious, what would the benefit of that be?

Yes, the Trello Clean Chrome extension works well, but you can gain more customization using a CSS injector and swimlanes.  Here's my setup:

  1. User JavaScript and CSS [1.2.8] by tenRabbits.
  2. Swimlanes for Trello [1.7] by Jess Yaus.

Install and activate the extensions, then set up your lists and swimlanes:

  • Append "|swimlane-name" to the first list.
  • Append "|swimlane-name: to whichever lists start a new swimlane.
  • Add CSS to color the list backgrounds and hide the "Add a list" item.

Sample CSS for four lists per swimlane:

#board > div:nth-child(5n+1) > div { background-color: lightgrey; }
#board > div:nth-child(5n+1) > div > > textarea { color: black; }

#board > div:nth-child(5n+2) > div { background-color: lightblue; }
#board > div:nth-child(5n+2) > div > > textarea { color: black; }

#board > div:nth-child(5n+3) > div { background-color: lightgreen; }
#board > div:nth-child(5n+3) > div > > textarea { color: black; }

#board > div:nth-child(5n+4) > div { background-color: green; }
#board > div:nth-child(5n+4) > div > > textarea { color: lightgreen; }

#board > { visibility: hidden; }

 NOTE:  Beware the line wrapping!  Every new line above starts with a hash (#) mark.

Looks like this:


Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Trello

📹 Favorite Trello templates

Hello Community!  My name is Brittany Joiner and I am a Trello enthusiast and Atlassian Community Leader. In this video, I'll share my favorite Trello templates. Templates mentioned in ...

1,502 views 12 35
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