Color Book

テーマ「Color Book」のデモブログです。

はてなブログテーマ「Color Book」の記事一覧ページで、アイキャッチ画像が見切れないようする方法。

このテーマ(Color Book)は記事一覧のアイキャッチ画像が正方形に近い形をしているので、

横長の画像を設定した場合に左右が見切れてしまうんですよね。

特にスマホ画面。

 

例えば下の画像を設置すると↓

 

左右が見切れてしまう↓



これを見切れないようにするには、ダッシュボードの「デザイン」→「カスタマイズ(スパナのマーク)」→「デザインCSS」に下のコードを記入してみてください。


.page-archive .entry-thumb{
  background-size:contain;
}

 

これで画像全体が表示されました↓

以上です。