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

ワードプレステーマ別

トップページ「最近の記事」のボックスの高さを変更する

Q.アイキャッチの画像サイズを調整したい

こちらの記事を参考に、トップページに表示される「最近の記事」の表示件数を変更したところレイアウトが崩れてしまいました。

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

「最近の記事」に表示されるボックスの高さが記事によって異なることが原因です。
下記の箇所をご変更ください。
編集するファイル:style_pc.css
編集する箇所:

#recent_post li { float:left; width:180px; background:#fff; border:1px
solid #ddd; margin:0 7px 0 0; padding:0 0 5px 0; min-height:270px; }

    ↓

#recent_post li { float:left; width:180px; background:#fff; border:1px
solid #ddd; margin:0 7px 7px 0; padding:0 0 5px 0; height:290px;
overflow:hidden; }

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

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

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