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カラムに修正できます。
▼修正後変更箇所イメージ
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!