「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマCORE:記事アイキャッチのサイズを少し小さくする方法

Q.記事ページのアイキャッチサイズを小さくしたい

記事ページのアイキャッチサイズをかえるにはstyle.cssの編集が必要です。
なお、画像サイズを変えるだけでは画像が中央揃えになりませんので、marginの調節も同時に必要となります。

A.下記のphpファイルの該当箇所を編集します

編集するテーマファイル:style.css

下記コードを以下のように変更します。

   .post_image {
    padding: 0;
    margin: 0 0 25px 0;
}

↓↓↓

   .post_image {
    padding: 0;
    margin: 0 auto 25px;
  width:500px;
}

左右のmarginをautoに変えることで、画像が中央揃えになります。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事