2018-12-03
【アップデート情報】Folclore:アイキャッチ画像を横長で使用する場合の余白を調整しました(Ver.20181203)
重要度★☆☆
ご利用ありがとうございます!
テーマ「Folclore」の記事一覧表示(トップ・カテゴリー)の余白を微調整しました。
folcloreのアイキャッチ画像は1:1の正方形を想定していましたが、
3:2や4:3や16:9など横長サイズでも使いやすいように、余白を調整しました。
具体的には以下の通りです。
修正点と調整方法
◎ダッシュボード>外観>テーマ編集>スタイルシート
スタイルシートの最後の方の「レスポンシブ用」記述の一部を変更しました。
/* Tablet (Portrait) 画面の横幅が768px〜959pxまで
以下の2行を削除
li.item-gallery { height: ***px; }
.item-img { height: ***px; margin: ****px; overflow: hidden; }
/* Mobile (Portrait) 画面の横幅が300px~767pxまで(基本)
/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで
/* Mobile (Landscape) 画面の横幅が480px〜767pxまで
以下の一行を変更。
li.item { height: ***px; margin-bottom: **px; }
↓
li.item { height: auto; margin-bottom: 100px; }
以下の2行を削除。
li.item-gallery { height: ***px; }
.item-img { height: ***px; margin: ****px; overflow: hidden; }
作業はこれだけです。
★
*本日2018年12月3日14:30以降のダウンロードファイルは変更済みです。
*作業を行なう際は、万が一間違えてもすぐに元に戻れるように、
必ずバックアップを取ってから慎重に行ってください!
2018-12-03 by