メディアの余白について

メインコンテンツエリアに背景色白が設定されているので、以下で良いと思います。

.main {
    background-color: transparent;
}

まず「メディアの余白」というのは、「画像の周囲に見える白背景」の事で、それを黒くしたい、という事であっていますか？

それであれば、その白背景は.main要素により設定されているため、それを打ち消すためのtransparentというスタイルをお伝えしました。
.main要素の白背景を消せば、bodyタグに設定した黒背景になるという事です。

他にも色々やり方はありますが、一番簡単な方法です。

追加CSSにはどんなコードを入力すればいいでしょうか？
※先ほど教えて頂いたコードですと、黒背景が灰色になってしまいました。

→こちらでもテストしてみましたが、お伝えしたコードで正しいはずです。

また、このCSSは他ページの事は考慮していませんので、もしこのページのみにCSSを当てたいのであれば、適切なコードではありませんが、以下のような書き方も出来ます。

.page-id-3669 .main {
    background-color: transparent;
}

もしご自身での設定が難しいようでしたら、専門業者等へ相談される事をお勧めします。