wordpress サイドバーを非表示にし余白をなくしたい

Question

前提・実現したいこと

wordpress(テーマはtwnty sixteen)を使っています。特定の固定ページのみサイドバーを無くして、余白を無くして１カラムページのテンプレを作りたいです。
今現在、page.phpを複製してno-sideber-page.phpと名前を変えて<?php get_sidebar(); ?>の部分を削除しました。サイドバーは消えましたが、空白だけ残っています。

https://teratail.com/questions/119973
↑こちらの記事を参考にしましたが、「<div class="col-md-9 col-sm-9">を削除」という部分ですが確認した所<div class="col-md-9 col-sm-9">はpage.phpに入っていませんでした。

色々調べてみてやってみたこと
no-sideber-page.phpに直接css（<style type="text/css" media="only screen and (min-width: 780px)">
main{
margin-right:0px;
}
</style>）を書き込みましたがダメでした。

何か解決策はありますでしょうか？
よろしくお願いします。

Answer 1

以下のように定義されているようです。

• page.php

<div id="primary" class="content-area">

• style.css

.content-area {
  float: left;
  margin-right: -100%;
  width: 70%;
}

---

そしてstyle.cssには、以下の定義もあるので、

.no-sidebar .content-area {
  float: none;
  margin: 0;
  width: 100%;
}

これを利用して<div id="primary" class="content-area">を
<div class="no-sidebar">で囲んでみるのはどうでしょうか。

Comments

[WP-bing]

回答ありがとうございます。
複製したpge.phpの<div id="primary" class="content-area">を<div class="no-sidebar">で囲ってみた所、右側にあったサイドバーの余白が左右均等になりました(解決できていない)しかし、試しに<div id="primary" class="content-area">を除去してみた所、１カラムになりました。これが正解かわかりませんが、一応解決できました。ありがとうございました。

[satokei]

あれ？できませんでしたか、、、
以下のようにしましたか？（そうであれば、すみません）
----------------
<div class="no-sidebar"> ★これを追加
<div id="primary" class="content-area">
～～略～～
</div><!-- .content-area -->
</div> ★これを追加

[WP-bing]

詳細の説明ありがとうございます。
<div id="primary" class="content-area">だけを<div class="no-sidebar">と</div>で囲んでいました。
試しに
<div id="primary" class="content-area">
～～略～～
</div><!-- .content-area -->
の部分をを<div class="no-sidebar">と</div>で囲ってみましたが同じように右側にあったサイドバーの余白が左右均等になりました(涙)
とりあえず<div id="primary" class="content-area">を除去して様子を見ようと思います。

[satokei]

ご確認ありがとうございます。
承知いたしました！