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

ワードプレステーマ別

TCDテーマMAG:トップページのアイキャッチ画像を小さく表示する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.トップページ・カテゴリーアーカイブの記事サムネイル画像をもう少し小さく表示したい。

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

以下を外観>TCDテーマオプション>カスタムCSSに入力して調整してください。

@media screen and (min-width: 990px){
  .post_list .type2 .image { width: 〇px; }
  .post_list .type2 .desc { width: 〇px; }
  .post_list li { margin-bottom: 〇px; }
}

それぞれ〇を任意の数値に変更してください。

補足「~.image」は画像の横幅、「~.desc」は記事タイトルと抜粋の横幅です。デフォルトの値はそれぞれ360pxです。あまり極端な数値への変更はおすすめしません。
記事と記事の縦方向の間隔を調整したい場合は「~li」の数値を調整してください。デフォルトの値は50pxです。

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

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

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