ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマNEXTAGE:ブログ記事詳細ページのアイキャッチ画像のサイズを調整する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

2021/9/24 記事を更新しました。

Q.投稿(ブログ記事)詳細ページに表示されるアイキャッチ画像のサイズを変更したい

記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。

A.下記の方法でご対応ください。

外観>テーマオプション>基本設定のユーザー定義CSSに入力してください。

@media (min-width: 992px) {
  .single-post .post_image { width:〇; }
}

※〇部分を%やpx指定に変更してください。デフォルト値は700pxです。
※すべてのブログ詳細ページで適用されます。
※変更はPC想定幅で適用されます。スマホ想定のウィンドウ幅での表示では適用されません。

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

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

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