ワードプレスでサイドバーを削除してできた余白を全て無くしたい

Question

前提・実現したいこと

ワードプレスで「Twenty Sixteen」のテーマを使用しています。
サイドバーやメニューバーを無くしてそこにできた余白を無くしたいです。

発生している問題・エラーメッセージ

サイドバーやメニューバーを無くした部分の余白を消すことができません。
画像の青の部分を無くしたいです

ディベロッパーツールで確認するとID名＝#page 　class名＝.site
の部分が余白を作っていることが確認できました。
同じID名・class名が固定ページと投稿ページ両方に割り当てられていました。
(写真は固定ページです)

該当のソースコード

固定ページのコード(page.php)

<?php
/**
 * The template for displaying pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

get_header(); ?>

<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

		<?php
		// Start the loop.
		while ( have_posts() ) :
			the_post();

			// Include the page content template.
			get_template_part( 'template-parts/content', 'page' );

			// If comments are open or we have at least one comment, load up the comment template.
			if ( comments_open() || get_comments_number() ) {
				comments_template();
			}

			// End the loop.
		endwhile;
		?>

	</main><!-- .site-main -->
<?php get_sidebar( 'content-bottom' ); ?>
</div><!-- .content-area -->


<?php get_footer(); ?>

投稿ページのコード(single.php)

<?php
/**
 * The template for displaying all single posts and attachments
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */

get_header(); ?>

<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<?php
		// Start the loop.
		while ( have_posts() ) :
			the_post();

			// Include the single post content template.
			get_template_part( 'template-parts/content', 'single' );

			// If comments are open or we have at least one comment, load up the comment template.
			if ( comments_open() || get_comments_number() ) {
				comments_template();
			}

			if ( is_singular( 'attachment' ) ) {
				// Parent post navigation.
				the_post_navigation(
					array(
						'prev_text' => _x( '<span class="meta-nav">Published in</span><span class="post-title">%title</span>', 'Parent post link', 'twentysixteen' ),
					)
				);
			} elseif ( is_singular( 'post' ) ) {
				// Previous/next post navigation.
				the_post_navigation(
					array(
						'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next', 'twentysixteen' ) . '</span> ' .
							'<span class="screen-reader-text">' . __( 'Next post:', 'twentysixteen' ) . '</span> ' .
							'<span class="post-title">%title</span>',
						'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous', 'twentysixteen' ) . '</span> ' .
							'<span class="screen-reader-text">' . __( 'Previous post:', 'twentysixteen' ) . '</span> ' .
							'<span class="post-title">%title</span>',
					)
				);
			}

			// End the loop.
		endwhile;
		?>

	</main><!-- .site-main -->

	<?php get_sidebar( 'content-bottom' ); ?>

</div><!-- .content-area -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

試したこと

まず<?php get_sidebar(); ?>を削除してサイドバーを消しました。
ディベロッパーツールで確認した#pageと.siteの<div>タグごと削除すれば余白を消せると思ったのですが
page.php single.phpのどちらにもそのID名・class名が記載されていません。

style.cssにこちらを入力しても変わりません。
*{
margin:0;
padding:0;
}

ページ全体を指す#pageと.siteはどこにあるのでしょうか？
style.cssに書くと余白を全て無くせるコードなどがあるのでしょうか？
もしくは余白を無くす特別な方法などがありましたら教えていただきたいです。

宜しくお願い致します。

Comments

[yuki84web]

インターネット上で稼働中のサイトを見られますか？

[shunta80]

はい。
word.shunteen.com
URLです。
よろしくお願いします

[Lhankor_Mhy]

Twenty Sixteen ですよね？

> 「Sidebar」に何も設置しない場合はサイト全体が１カラムになります。
https://nendeb.com/286

とのことですので、そのようにした方が手っ取り早いのではないでしょうか？

Answer 1

.site-inner{
  margin: 0 auto
  max-width: 1320px;
}

このようなcssがありますが
これは最大幅1320pxで中央寄せするという指定なので
max-widthを100%にしてやれば外枠の余白は無くなります。

Comments

[shunta80]

ご回答ありがとうございます
仰せの通り100%にすることで余白をなくすことができました。
余白を消せたので花の画像を画面いっぱいの大きさにしたいです。
追加cssで画像部分にclass名を付けて、そこのブロックのwidthを設定したのですが、一定の大きさより大きくなりません。

これはまた何か邪魔している部分があるのでしょうか？

[yuki84web]

画像か画像の外枠の要素にCSSが設定されていると思うので、要素の検証を利用して突き止めて下さい。
今回の質問「青枠の部分の余白を消す」が解決出来たのであれば質問はクローズでお願いします。