How can I resize the column width of list in Trello?

Question

How do you resize the column width of a list in Trello?

Answer 1

This is not an available option and so the widths of columns in Trello are fixed.

Answer 2

In Trello's current implementation, this is not configurable: lists are programmatically sized to be between 300–210 pixels wide depending on the available space.

However, if you don't mind a bit of a hack, you can take matters into your own hands, with some JavaScript:

(function(w) {
    $('.list').width(w);
    $('.list-area').width($('.list').length * (w+12));  // 12px inter-list spacing
    $('body').addClass('layout-horiz-scroll');  // force-enable horizontal scrolling
})(500)

(Substitute the 500 with your own desired pixel width.)

You can execute this at your browser's console, or save it as the following bookmarklet, to click whenever you want some more width:

javascript:(function(w) { $('.list').width(w); $('.list-area').width($('.list').length * (w+12)); $('body').addClass('layout-horiz-scroll'); })(500)

Edit: Another option for the bookmarklet to request you the actual desired size is:

javascript:(function(w) { $('.list').width(w); $('.list-area').width($('.list').length * (w+12)); $('body').addClass('layout-horiz-scroll'); })(prompt("List width?", 500))

It will not validate the answer, so if you enter something that is not a number it won't work.