賢威7.0

賢威7:クール版の記事一覧に表示されるサムネイルを左寄せにする方法

keni-cool-post-index-thumbnail-align-left-thumbnail

こんにちは、ぶどうサワーです。
サイトの閲覧ありがとうございます。

こないだ賢威7のクール版が公開されましたね。
自分は薄いグレーや白を使ったデザインが好きなので、このクール版、かなり好みのデザインです。

個人的なことは置いといて、、、今回はそんなクール版の記事一覧に表示されるサムネイルを、右寄せから左寄せにする方法を紹介したいと思います。

カスタマイズ前

↓ インストールしたばかりの状態では、記事一覧の画像は右寄せ

keni-cool-thumbnail-align-left-before

カスタマイズ後

↓ カスタマイズ後はサムネイルが左寄せに

keni-cool-thumbnail-align-left-after

[ad]

1. CSSファイルを編集

今回は見た目のみのカスタマイズなので、CSSファイルのみを編集していきます。

親テーマ(賢威7本体)の base.css や子テーマの style.css など、お使いのCSSファイルに以下のコードを追加すると、、、

.eye-catch {
    float: left;
    margin: 1em 1em 0 0;
}

右に寄っていた記事一覧の画像が、左寄せになりました。
編集箇所が少ないので、気分に合わせて手軽にできますね。

keni-cool-thumbnail-align-left-after

今回のカスタマイズは以上です。
最後まで閲覧ありがとうございました。