CSSは以下でいけると思います。

@media screen and (min-width: 1241px) {
	#header-container ,#footer {
		width: 1236px;
	}
	#header-container {
		margin: 0 auto;
	}
	#footer {
		margin: 20px auto 0;
	}
}

> borderで囲みたい

親テーマのテンプレートを確認したら、Cocoon Child: body-top-insert.php (tmp-user/body-top-insert.php)とCocoon Child: footer-insert.php (tmp-user/footer-insert.php)にdivを書けば行けると思います。

それぞれのphpファイルには以下を追加

https://notepad.pw/o621shzy

たぶんサーバー上にあるFTPか、FTPソフトで編集してアップロードする感じになりそうです。

パス：wp-content/themes/cocoon-child-masterフォルダ内

CSSは以下。

.hoge {
	border: 1px #ddd solid;
}

HTMLとCSSのhogeは半角英数字で何か指定を変更してください。

とりあえず「Cocoon設定→全体」タブを開いて「サイト幅の均一化」にチェックを入れてスタイリングすればよいかと思います。

かうたっくさん、
サンプルコードありがとうございました。
CSSの設定に慣れていないので、なかなか上手く行かなくて行き詰っていましたが、教えて頂いた手法はとても参考になりました。
borderのほうは、
header-container
content
footer
の三つの領域を四角で囲いたかったのですが、それぞれにborderの設定でやったら出来ました。

幅を揃えるのは、最終的には、わいひらさんの方法で上手く行きました。
皆さん、ありがとうございました。

> 三つの領域を四角で囲いたかった

.header-container,
.content,
.footer {
	border: 1px solid #ddd;
}

これでいけると思います。sampleコード