HOME > Movable Type > カスタマイズ > Movable Typeのブログ記事画面のカテゴリ選択フィールドの高さを変更する

Movable Typeのブログ記事画面のカテゴリ選択フィールドの高さを変更する

「新しいブログ記事を作成/ブログ記事の編集」画面のカテゴリ選択フィールドの高さが150pxと小さく、多くのカテゴリを設定すると、縦方向にスクロールしないと選択できず面倒なことがあります。

そこで、邪道かもしれませんがMTのCSSファイルを直接編集してカテゴリ選択フィールドの高さを広げる方法を紹介します。

mtos/mt-static/css/main.css

line 169行目

  • .category-selector-list {
  •      background:#FFFFFF none repeat scroll 0 0;
  •      border:1px solid #CDDEE7;
  •      clear:both;
  •      height:150px;     /* ← この部分 */
  •      overflow-x:hidden;
  •      overflow-y:scroll;
  • }
  • .category-selector-list {
  •      background:#FFFFFF none repeat scroll 0 0;
  •      border:1px solid #CDDEE7;
  •      clear:both;
  •      height:340px;     /* ← この部分 */
  •      overflow-x:hidden;
  •      overflow-y:scroll;
  • }

実際には、改行されていません。1行で記述されています。

<変更前>

cat-field-1.gif

<変更後>

cat-field-2.gif
UP