Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

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

7 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.

That Trello Clean extension is useless.  All it did was hide the option.  My screen space is still lost!   Now I just have a block of empty space - why can't Trello use the maximum available space?

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:


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?

Sorry, did you mean the benefit of hiding, or hiding only under these circumstances?

Suggest an answer

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

Taco Tuesday: New years' resolutions with Trello

Congratulations to @Laura Holton , our latest winner of Taco Tuesday! And thanks to @Kristján Geir Mathiesen for sharing the picture of Taco having fun with his new friend  B...

2,265 views 27 40
Join discussion

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