ブログ本文部分の幅を変えるにはどうしたよいでしょうか？

本文のサイズは

#main {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 940px;//横幅 ※調整はこの値を変える
padding: 20px 29px;
border:1px solid #ddd;
background-color:#fff;
border-radius: 4px;
margin-bottom: 30px;
}

で変更できます

デフォルトのサイズは740pxです

ただ本文幅を変更すると
サイドバーがずれたり
他のカスタマイズをしたときなど
表示が崩れる場合があります

今回はアフェリエイトが切れるとのことですので
そこまで大きくしなくていいと思います
740px→760pxなど

修正

#main {
width: 940px;
}

これでできます

ありがとうございます。
初めのレスの#46106のようなのがどこに書いてあるかがわからないのですが、どうしたらよいでしょうか。
下のようなページに
テーマの編集
Simplicity2 child: スタイルシート (style.css)

@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

}
#main {
width: 750px;
}

こう書き足してみたのですが変わりませんでした。
このページでなく、どこかのファイルを書き換えなければいけないのでしょうか？

子テーマのstyle.cssに以下を追加してください

#main {
width: 750px;
}

記入された内容をみると

}
#main {
width: 750px;
}

こうなっていましたので#mainの上の}を消してみてください

こんな感じです

/* Simplicity子テーマ用のスタイルを書く */
#main {
width: 750px;
}

みきさんの方法で幅自体を変えるのも良いですが、広すぎるとサイドバーが落ちる原因にもなるので、ちょっと手間ですがpaddingを無くすと言うのが僕は良いのではなかろうかと思ったりしてます。

例えば、これで影響が出るのは、#mainの中身ですが特に影響されるのがh2です。それ以外は自由にレイアウトできるので便利です。

#main {
  padding: 0;
}

こうしてしまえば、widthはそのまま740px使えるわけです。paddingがあるから680pxとかそのあたりをうろちょろと微調整しなければいけないわけで、無くしてしまえば例えばアイキャッチも幅いっぱいに表示できるようになります。

h2の場合、ネガティブマージンが入っているため、想定される記事幅によって変えないといけないわけですが、例えば

#main {
  padding: 0;
}

#the-content {
  width: 680px;
  margin: 0 auto;
}
#the-content h2 {
  width: 100%;
  margin: 0 auto 30px;
}

こうすれば、paddingがなくても記事幅はデフォルトと同じになります。本来widthとpaddingを一緒に書くと「はみ出す可能性があるぜ」と警告されます。box-size: border-boxを指定しておけばそれはありませんが、paddingとは本来スペースを取るためと言うよりは文字の如く、指定サイズでスペースを埋めると言う使い方をします。
要素のサイズを正しく配置させるためには、width + marginが本来は正しい形です。またサンプルでは見た目はわからないと思いますが、上下のマージンを取らず、全部margin-bottomでスペースをとっています。
上下マージンを取ると言うことは、

itemA
itemB

こうある時に、margin: 5px 0;の場合、

5px
itemA
5px
5px
itemB
5px

こうなります。itemの間隔として5pxが欲しい場合は、2.5pxで設定しないと間が10pxになりますよね？しかし最初のアイテムと最後のアイテムの上下には2.5pxしか開かず、わかりやすい数値でのデザインがしにくくなります。なので、margin-bottomに10pxとしておけば、

itemA
10px
itemB
10px

となります。この時に、最後のmargin-bottom: 10pxをとってしまえば尚良しです(セレクタ:last-child{…}等)。これに続く要素の先頭に10px開くと考えればそれはそれで良いですし。本来は、

<div class="test">
  <p>itemA</p>
  <p>itemB</p>
</div>

このようなhtmlで使います。.testにはmargin-bottomで任意の間隔をした方向に作る事で調整できます。

.test {
  margin-bottom: 20px;
}
.test p {
  margin-bottom: 10px;
}
.test p:last-child {
  margin-bottom: 0;
}

こうすれば、

itemA
10px
itemB
20px //.testのmargin-bottom

こうなって、間隔が正しくかつした方向だけのスペースでアイテム間の調整をすることができます。

サンプル: #mainからpaddingを無くしてwidthとmarginで調整するサンプル | codepen

各部位はサンプルのとおりですが、あくまでサンプルはデフォルトのように見せているだけで、#mainの中身の要素は740pxまで自由にレイアウトできます。
サンプルでもアイキャッチとpost-meta部が幅いっぱいになっているのがご理解いただけるかと。
問題はバナーがどこに入っているかで書き方が変わると言うことです。そのために、#the-contentの中にバナーがある場合は、#the-contentを100%でその中身、pタグであったり、.blog-cardの調整等別途書いておきました。

☓ box-size: border-box;
○ box-sizing: border-box;

cssのデフォルトでは、box-sizing:border-contentと言うのが設定されており、paddingを入れると、中身をwidthのサイズにしようとするので、本来のwidthよりも広くなってしまうと言う問題があります。
そのためpaddingとwidthを設定すると警告されると言うわけです。

box-sizing: border-box;では、要素のサイズをwidthのサイズにしようとします。そのために中身のサイズがwidthとはなりません。

これらの問題があるため、できるだけpaddingでデザインせずに、marginでデザインしようぜと言うことですね。意味を理解した上で使う分にはpaddingを利用しても構いません。
その要素のサイズは○○pxと限定したい場合はpaddingの利用はできるだけ最終手段として考えるようにします。

すみません。少しの間ブログから手が離れておりました。
お二人のご指南を参考させていただき、変更できるように頑張ってみます。
またわからないところがあったら質問させていただきたいです。
どうもありがとうございます。

すみません。
お二人のおっしゃった方法をそれぞれ、試してみましたが(理論がわからないので、そのまま

/* Simplicity子テーマ用のスタイルを書く */

の下にコピペしてみましたが)サイトを表示すると何も変わっていない状態です。

以前に書いた記事には反映されないのでしょうか？
それとも、編集できない設定になっている。とか何か根本的な問題でしょうか？

すみません。
スタイルシートに書き足しても何も反映されなかったのは、検索したところ、キャッシュが残っていて確認しても反映されていなかったようです。
何度もご迷惑をおかけいたしました。

僕のサンプルはcssがscssで書かれているので、css欄の下向き三角からview compiledを押してcssに変換れたものを子テーマstyle.cssに追記します。

ありがとうございました。
皆さんのおかげでなんとか治まりがつきました。