賢威7のトップページ・記事一覧に表示されるサムネイル画像。
デフォルトだとサムネイル画像は右側に表示されるのですが、
自然な目線の流れを考えると左側に表示したいもの。
今回は超簡単!
1Stepでサムネイル画像を左寄せに
表示させるカスタマイズを行っていきましょう。
トップページのサムネイル画像を左寄せにする
今回のカスタマイズで使用するのはbase.cssのファイルです。
子テーマのbase.cssファイルに下記を追記します。
/*アイキャッチ*/ .eye-catch{ float: left; margin-top: 0; margin-right: 1em; margin-left: 0em; }
親テーマを直接書き換える方は、
下記の記述を探し、上記の内容に変更します。
/*アイキャッチ*/ .eye-catch{ float: right; margin-top: 0; margin-left: 1em; }
float:rightとなっているのがサムネイル画像を
右に表示させているソースです。
こちらを’left’に変更し、ついでにサムネイル画像
左右の余白(margin)も変更しておきましょう。
そうするとこんな感じで、トップページのサムネイル画像を
左側に表示させることができました♪
以上、とっても簡単な賢威7カスタマイズでした!
コメントを残す