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

ワードプレステーマ別

TCDテーマCUBEY:記事一覧のアイキャッチ画像の大きさを変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページやアーカイブページの記事一覧のアイキャッチ画像の大きさを変更したい

▼変更後のイメージ    →変更前:トップページアーカイブページ
変更後のイメージ

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

外観>TCDテーマオプション>基本設定のカスタムCSSに入力してください。

#post_list .image img { width: 130px; height: 130px; }
#post_list .title { width: 465px; }

 

調整のポイント・1行目のwidth(横幅)とheight(高さ)の値は同じにして下さい。デフォルトは80pxです。この箇所のアイキャッチ画像は「縦150px × 横150px」でトリミングされています。
・1行目で設定した値に合わせて、2行目の記事タイトル部分の横幅を適宜調整してください。

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

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

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