How can I add margins to my Debut theme on desktop view?

Topic summary

Debut テーマのデスクトップ表示が横いっぱいに伸びて「白い左右マージン(余白)」がなく、旧 Supply テーマのように中央寄せの幅固定レイアウトにしたいという相談。モバイル表示は崩したくない。

共有されたサイトURLとスクリーンショットから、まずトップのスライドショー(上部バナー)のみ幅を制限するCSSが提案され、theme.css の末尾に追加する手順が案内された(例:.slideshow-wrapper に max-width と margin: 0 auto、背景画像の表示調整)。

しかし適用できたのはトップバナーのみで、下部の「Shop now」など他の画像バナー/セクションも同じ幅に揃えたい点が未解決。追加CSS(.image-bar 等)も提案されたが、反映されない・元に戻る・コード記述ミスの可能性が指摘され、theme.css の貼り付け状況をスクリーンショットで確認する流れに。最終的に、全要素の幅統一はまだ解決しておらず、ユーザーはテーマ変更も検討している。

Summarized with AI on February 26. AI used: gpt-5.2.

@AlexandraM93

yes that code work only top banner doesn’t effect other one