質問失礼致します。

現在Webページ作成中なのですが、クライアントからの要望で

両サイドに白い余白が欲しいとの事で色々試してみたのですが

メインビジュアルは以下コードで出来ましたが、

@media print, screen and (min-width: 600px) {
.p-mainVisual {
　width: 980px;
　margin: auto;
}

その他のセクション背景色指定した場合背景色が横幅いっぱいになってしまいます。

以下の様な見た目は可能でしょうか？

例＞サイト幅(980px)の背景はピンク980px以上より大きくなる時は、

越えた部分の左右両サイド背景色は白になる様なデザイン。

そもそもswellの基本設定で上記デザインは出来ますでしょうか？

 

ここ数日cssを色々試してみたのですが、上手くいかず質問です。

 

cssのカスタマイズ等はサポート外になると思うのですが、

もしデフォルトで出来る。であったり、cssでこの様に記述すれば出来るのであればご教示いただけると幸いです。

.swell-block-fullWide {
　width: 980px;
　margin: 0 auto;
}

ちなみに上記記述は試してみてみましたがmargin autoが効かず左寄せになります。

-------------------------------------------------------------------

【追記】

希望に近い設定があったので、記載しておきます。

カスタマイズ＞サイト全体設定＞基本デザイン＞コンテンツの背景を白にするをオン

上記で解決しそうなので試してみようと思うのですが、

サイト幅を超える左右両サイド背景色を白になる様なデザインを作る際は、

上記方法でしょうか？それとも上記方法は何か別の用途に使うのでしょうか？

回答いただけると幸いです。