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

ワードプレステーマ別

TCDテーマFALCON:ショールーム一覧ページのカラム数を変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.カスタム投稿「ショールーム」一覧ページのカラム数を変更する方法はありますか?

▼変更箇所イメージ

変更箇所イメージ

A.カスタムCSSで対応できます。

以下のCSSを管理画面のTCDテーマ > 基本設定 > カスタムCSSエリアに記載してください。

▼参考CSS(3カラム→2カラム)

@media screen and (min-width: 950px) {
#showroom_list .item {
    width: calc(100% / 2 - 10px);
}
}

上記の対応で3カラム→2カラムに修正できます。

▼修正後変更箇所イメージ

変更箇所イメージ

▼参考CSS(3カラム→4カラム)

#showroom_list .item {
    width: calc(100% / 4 - 10px);
}

上記の対応で3カラム→4カラムに修正できます。

▼修正後変更箇所イメージ

変更箇所イメージ

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

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

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