商品一覧で並ぶアイテムを左寄せにしたい
商品一覧で並ぶアイテムはデフォルトで中央揃えですが、左寄せにしたい場合、CSSで対応できますでしょうか?
試しに
.item_masonry_square {
justify-content: flex-start;
}
としてみましたが変化はありませんでした。
商品一覧ページの表示につきましてはご認識の通り中央寄せの表示となります。
こちらの表示を左寄せ(左側の余白をなくす)にする場合は以下のスタイル追加をお願いいたします。
※全体的に左寄せにて商品が並んでおりますので前述の余白と認識して回答いたします。
※または既存のスタイルを以下の内容に変更してお試しください。
<style>
.item_catalog .item_masonry_square {
margin: 0;
}
</style>
スタイルの追加については以下のページにて案内がございますのでご活用ください。
サイトにCSS(スタイルシート)を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
お問合せ内容と回答の認識が異なる場合、お手数をかけますが、該当ページやご希望のイメージと共に
お問合せフォームよりご連絡いただきますようお願いいたします。
お問合せフォーム
https://easy-myshop.jp/contact.html