新デザインの変更⑥（サイドバー記事一覧の改行制御）

アメブロカスタマイズ

新しいCSS編集用デザインを使って自分専用のオリジナルデザインにするための『ステップ⑥』です。

サイドバーの最新の記事一覧の変な改行を下記のように修正する手順をご覧になれます。

カスタマイズ前の準備

この記事を読む前に、こちらの設定をしておいてくださいね。

変更に失敗し元に戻したい場合、こちらの記事をご覧ください。

『ブログ管理』画面を開きます。
https://blog.ameba.jp/ucs/top.do
『デザインの設定』ボタンをクリックします。

https://blog.ameba.jp/ucs/skin/skinselecttop.do
「デザインの変更」の「適用中のデザイン」にある『CSSの編集』をクリックします。
https://blog.ameba.jp/ucs/editcss/srvcssupdateinput.do
「現在使用中のプロぐデザインCSS」をスクロールし、文末に下記のコードをコピーします。
```
/* 最新の記事一覧の変な改行を無くす */
.skinSubArea li, .skinSubArea ul{
  overflow: visible;
}
.skinSubList li {
    display: flex;
}
.skinSubList li a{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
```
お好みで、もっと長いタイトルに対応したい方は
```
  font-size:90%; /* 文字の大きさを90%にする */
```
も一緒にコピーしてください。
コピー後、『保存』をクリックします。