【賢威7】トップページのサムネイル画像位置を左寄せにする方法

賢威7,カスタマイズ

賢威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カスタマイズでした!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Scroll Up