コレクションリストの表示について

[hirose]

無料テーマのSpotlightを使用してサイトを構築しています。

トップページにコレクションリストを複数並べているのですが、その中にはコレクションを1つしか表示しないコレクションリストがあります。

その場合、デスクトップの列数を4列などに設定してもサムネイルがかなり大きく表示されてしまいます。

コレクションが1つの場合でも設定した列数で表示させたいです。

何か対策はありますでしょうか。

よろしくお願いいたします。

 

↓複数コレクションがある場合

 

↓コレクションが1つの場合　これを上のサイズ感で表示させたい

[株式会社フルバランス · Accepted solution]

質問拝見しました。

こちら自動で幅が調整されているかと思いますので、表示する列数を決めてその幅を維持するようなCSSを加えれば対応が可能かと存じます。

.card-wrapper.animate-arrow.collection-card-wrapper{
width:25%
}

（四列表示を想定100を四分割で25%になっています。）

以下CSSを参考に調整してみてください！

なにかご質問があれば、お気軽にご相談ください。
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

[hirose]

無事、修正できました！

ありがとうございました。