Column Width

[zifre]

Would love a way to control columns width independently. I'm able to do this by changing the css while using 'normal' TweetDeck, but it breaks when using this extension.

[mkody]

If you still want to use some userstyle on top of it, I'm using this:

.column-type-home, .column-type-home .column-header, .column-type-home .column-content {
    width: 444px !important;
}

.column-type-home can be changed (the three times) by what you want.

[zifre]

That did it, thanks for the tip!

I guess the suggestion still stands, it would be cool to have 'native' support for this.

[dangeredwolf]

Definitely a good feature to have. Yes, this is quite a late reply, but by now this has become a very requested feature. Many others including myself (and Cody, etc) have advocated for it and it'll definitely come. This, along with multicolour options.

[1112e]

mkody, I can't seem to get that to work. Where am I supposed to be putting it?

[mkody]

@1112e First you need Stylish, here's some help for it. Then, you need to apply the style for the URL. You can use this to go faster: https://userstyles.org/styles/115907/tweetdeck-change-home-column-width Just enter the width (in pixels) inside the textbox and apply.

But the "native" support would be appreciated :3

[dangeredwolf]

Crazy that this issue was posted 4 years ago. Anywho, custom column sizes are in the next major version of ModernDeck, but it's global, and cannot be applied per column. It simply isn't practical to be able to do it for each column because the moment you move them or refresh the will ruin it.

[dangeredwolf]

So, it turns out there's a way to keep track of columns. I can, and am, able to use this to keep track of individual column widths. Thus, I am reopening this issue.

[f3rn4nd0]

Hello guys! I know the topic is old, but I'm using the desktop version that I downloaded from the website and I would like to know if there is a way to adjust the size to less than 275px, because on a 1080p monitor vertically it doesn't fit 4 columns in 275px and the css doesn't I managed to adjust. Is it possible to make this adjustment without bulid?

[CollinChaffin]

I'm able to do this using BetterTweetDeck (chrome extension) using this custom CSS below. That repo they maintain a community-driven custom CSS wiki page. Might I suggest you do the same here, for us to share working custom CSS? Also, you might want to take a peek at their source once you get a truly working custom CSS system, many of these issues can be solved with custom CSS (like this - my first 6 columns all have different widths no scrolling/refresh issues):

.js-column.column:nth-child(1) {
  width: 225px;
}
.js-column.column:nth-child(2) {
  width: 250px;
}
.js-column.column:nth-child(3) {
  width: 450px;
}
.js-column.column:nth-child(4) {
  width: 450px;
}
.js-column.column:nth-child(5) {
  width: 200px;
}
.js-column.column:nth-child(6) {
  width: 300px;
}