Simple Trello Hack to Supercharge Your Boards

…or how to show labels with text.

I use Trello extensively for many of my projects as well as for personal use. But it has its share of limitations… The biggest reason why I pick Trello most of the time over many other management solutions is its visual appearance. Colors and shapes make it easier to extract information and see whole picture at a glance.

I always hoped for an ability to color lists and cards (“Google Keep” is doing great job at that), but all we got was “Labels”. So, while it’s better than nothing, it is still a bit under cooked. Especially when you have a lot of cards and/or labels.

We can’t change what we are dealt with, but we may just have a couple of cards under our sleeves. So let’s hack away a bit with CSS magic:

  1. Download Stylebot extension from Google Chrome Web store (or any alternative CSS-styler to your browser of choice);
  2. Go to your trello board;
  3. Open Stylebot by clicking *CSS* icon (top-right corner);
  4. Click *Edit CSS* button in the bottom and add this code:

Tah-dah! Change the *font-size* if it’s too small/large for your taste.

Now you are squeezing a bit more out of Trello.

P.S. Additionally, you can now use multiple labels of the same color. \m/

Show your support

Clapping shows how much you appreciated Roman Papush’s story.