フッターの左右の白枠を消したい

Question

フッターの左右の白枠を消したい

WordpressでBootstrapを使いコーディングをし、トップページのみ、
フッターの左右に白枠が入ってしまいます。
トップ以外のページは左右に白枠はないのですが、
トップページのみ、
http://test3.second-order.jp/

ソースコード

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

こちらが<div>で閉まらなく、左右に白枠が出てしまいます。
フッターのHTMLは修正したくないので、
トップページ（front-page.php）のHTMLを修正し直したいのですが、
フッターの上部でcontainer-fluidが閉まらないのが原因かと思っています。

試したこと

フッターのcontainerを取った場合、
トップページの左右の白枠が消えて問題解決するのですが、
トップ以外のページの左右がカタカタ動いてしまいます。

どなたか解決方法わかるでしょうか。

Answer 1

.rowクラスと同じく

margin-right: -15px;
margin-left: -15px;

をfooterにつけてみてはいかがでしょうか？
こちらで修正されること確認済みです。

Comments

[WPJ]

ご返答ありがとうございます。
指示通り左右に入れましたが、そうしますと、
トップ以外のページが左右カタカタしてしまうのです。
http://test3.second-order.jp/case

こういう場合はどうすればいいでしょうか。

[SasakiSyouta]

なるほどです。
.container-fluid > .main-content > footer
に対してcss当ててみるのはいかがでしょうか？

[WPJ]

誠にありがとうございます。
最初におっしゃって頂いた、
margin-right: -15px;
margin-left: -15px;
こちらをフッターに当てて、
トップページと別ページでフッターをわけました。
こちらで解決しました。

誠にありがとうございました！