Viewing Trello label titles on cards

UPDATE: Trello now includes this capability ‘out of the box’.

On a desktop or laptop browser, simply click the label colour—it will expand to include the name of the label.

It’s no secret that I’m a fan of Trello.

I use Trello pretty much exclusively on Google Chrome, as there are plenty of plugins written to extend its capabilities; far more than for Firefox, which surprises me a little.

One of my favourites is Scrum for Trello, which allows me to add Agile story points very simply. My new favourite is this: Card Color Titles for Trello.

Default labels

In Trello you may set an unlimited number of labels. Originally, there were only six, organised in the order of the original Apple logo.

Here are the labels that Trello themselves use for their development board.

Trello label names
Trello label names

When applied to cards, the labels appear as coloured bars at the top of each card.

Trello development board with standard labels.
Trello development board with standard labels.

The problem is, and particularly now with unlimited labels, it can be difficult to remember what each colour means—especially if you use different labels on different boards.

Card color titles for Trello

That’s where the Card Color Titles for Trello plugin comes in: it adds the name of the label to the label.

Labels, colours, titles—it all makes sense now
Labels, colours, titles—it all makes sense now

I’ve been using this for the last week and it has been so useful, particularly at work where we have labels for MoSCoW prioritisation. It has made re-ordering cards so much easier and quicker.

It’s definitely an extension to add if you use Trello on Chrome: Card Color Titles for Trello on Chrome web store.

Published by

Gareth Saunders

I’m Gareth J M Saunders, 52 years old, 6′ 4″, father of 3 boys (including twins). Enneagram type FOUR and introvert (INFP), I am a non-stipendiary priest in the Scottish Episcopal Church, I sing with the NYCGB alumni choir, play guitar, play mahjong, write, draw and laugh… Former Scrum master at Safeguard Global, Sky and Vision/Cegedim. Former web architect and agile project manager at the University of St Andrews and previously warden at Agnes Blackadder Hall.

15 thoughts on “Viewing Trello label titles on cards”

  1. Just wanted to share a quick thanks after finding your blog post on a Google search for how to enhance usability of my team’s Trello board! Thanks 🙂

  2. A big thanks for this tip.
    This was the feature for which I was hating trello.
    Dont know why doesnt Trello has this as default feature.

  3. This is now a core part of Trello, just click on any label and all the label names appear, click again and they all disappear.

    I turned labels on by accident and found this post trying to work out how I did it. Give it a try!

    1. Amazing.
      Not very intuitive though, if I didn’t read your comment I would not know about that.

      I was already blaming Trello because I use the app for Desktop, can’t use it on chrome.

      Anyways thanks! 🙂

    2. Thanks for explaining this , i mistakenly clicked the label and lost the titles – After reading this blog and your comment , got to know how easy it is to hide / un-hide the titles on labels – Got the titles back on my trello board , thanks again

  4. Hi,

    When click on the trello label, title will appear and click again it will disappear. But I am not sure what I’ve clicked, now I can’t see the label anymore 🙁
    Any idea how to enable the label back? Thanks.

    1. Clicking on the label should toggle whether the text shows or not.

      Have you tried hard refreshing your browser? (Ctrl+F5 for Windows, Command+R for Mac).

      If that doesn’t work, I would switch off all browser add-ons/extensions, try it again and if it works then start adding back your add-ons/extensions and test after each one. That would identify if there is a browser add-on/extension clash.

      I hope that helps.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.