色々試しましたが、トップページと同様にはできませんでした。
どちらかを取るしかないと言うことですか、、
ありがとうございました。

トップページと同様にはできませんでした。

この余白のない表示が、正常な表示ではないと思います。
なぜ、このようになったのかはわかりませんが、これは一旦削除した方がいいのでは？

ちなみに、サイドバーのページでも余白のない表示にはできますよ。
『レイアウトデザインを編集』とスタイルシートの記述で、左右100％表示は可能です。

どのようにCSSに記述するのでしょう？
左右100%にするとすべてが余白なしになりませんか？？

モモさま

スタイルシートだけではできません。
上記のように『レイアウトデザインを編集』とスタイルシートで実現できます。
添付画像を見てもらうとわかると思いますが、参考サイトのように上が2カラム、下が余白無しです。

答えを書くのは簡単なんですが...

ヒントとしては、『<div class="container">』の横幅を100％にして左右のパディングを0にすれば OK です。
でも、これだけでは書かれているようにすべての『<div class="container">』の余白がなくなります。
なので、余白をなくしたい『<div class="container">』だけに適用させるために『レイアウトデザインを編集』を利用するということです。

もし、書いてることが全然わからないということであれば、余白なしにする方法を書きますね。

よろしくお願いします。

ありがとうございます。
レイアウトデザイン編集でグリッドコンテナを無効にしたら同じような表示になりました。

私が考えていた方法とは違いますが、その方法でもできますね。
とりあえず、思ったように表示することができてなによりです (^-^)