フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

BetterTweetDeckでアイコンを非表示&カラム間余白を小さくするCSS

BetterTweetDeckでアイコンを非表示&カラム間余白を小さくするCSS

GoogleChrmeの拡張機能「Better TweetDeck」はとても便利ですね。

デフォルトでも十分に表示項目を調整できますが、カラム内のアイコンを非表示にして、テキストベースで見やすくなるようにCustom CSSを設定してみました。
同時にカラム間の余白を小さくして、カラム幅のカスタマイズの値を243.5pxにするとFireHD8の解像度の1280×800で綺麗に表示されるようになっています。

※カラム幅のカスタマイズの値はディスプレイサイズに応じて適宜変更してください!

BetterTweetDeckのCustomCSSの設定方法

  1. BetterTweetDeckをインストール
  2. BetterTweetDeckのアイコンを右クリック→オプションを選択
  3. BetterTweetDeckの設定が開いたらCustom CSSを選択
  4. CSSをコピー&ペースト
img.tweet-avatar{display:none;}
html.dark .tweet{padding:1px;}
html.dark .margin-r--5{display:none;}
html.dark .item-img{display:none;}
img.avatar.size24{display:none;}
html.dark .is-narrow-columns .column{margin-right:2px;}
html.dark .app-header.is-condensed .app-header-inner{margin-right:2px;}
html.dark .is-narrow-columns .app-columns{padding-left:2px;}

Screenshot_2018-09-12-23-35-09.png
5. カラム幅のカスタマイズの値を243.5pxに変更
Screenshot_2018-09-12-23-35-26.png

変更前

Screenshot_2018-09-12-23-47-34.png

変更後

Screenshot_2018-09-12-23-34-43.png

[紹介元] CSSタグが付けられた新着投稿 – Qiita BetterTweetDeckでアイコンを非表示&カラム間余白を小さくするCSS

コメント

記事に戻る

コメントを残す