●設定

Gutenbergエディターで以下の設定をしているかと思います。
[ページ設定] → ページタイプ「本文のみ（狭い）」
[ページ設定] → 「タイトルを表示しない」をオフ

●回答

marginではありません。
ページのカスタムCSSに以下を追加してください。

.main {
padding: 0;
}

●アドバイス

CSSをカスタマイズする際、Chromeのデベロッパーツールを使用していますか？
まず、使い方を理解してください。
使えていない場合は、暗闇で塗り絵をするようなものです。

ご返答、ご教授いただきありがとうございます。

設定はご指摘いただいているとおりです。「本文のみ（狭い）」「タイトルを表示しない」

Chromeのデベロッパーツールは使用しているのですが、知識が乏しく使いこなせていません。内容を読み取れるようにしていきます。

ご指摘いただいたCSSを追加して少し改善されました。ただ以下の点がまだ不明です

①画像には白い余白がないです（上部にまだ画像によるものではない空白がある）
②最下部にはまだ空白スペースがある
③スマホでの表示は依然改善されずに上下左右に空白スペースがある

-----

③は解決しました。

main.main, div.sidebar {
padding: 0;
}

投稿者:: @megmeg

↑

Chromeのデベロッパーツールは使用しているのですが、知識が乏しく使いこなせていません。内容を読み取れるようにしていきます。

ご指摘いただいたCSSを追加して少し改善されました。ただ以下の点がまだ不明です

以下に変更して下さい。

.content,
.body .main,
.body .article,
.entry-content {
  padding:0;
  margin:0;
}

このレベルの基礎もないなら、まず勉強して下さい。
でできない人のために、カスタマイズ業者がおり、有償にて業者に依頼願います。