前略、miyuki さん

ちょっと、事情がよくわからないのですが、「コンテンツ上部」のウィジェットエリアの中に、「おすすめカード」と「ボックスメニュー」のウィジェットを入れる、というシンプルな構成ではないみたいですが、シンプルな構成にすると、何か問題がありそうでしょうか？

テキストウィジェットか何かをお使いですよね？

miyuki さん

CSSで指定して修正するやり方でもできるかもしれませんが、「おすすめカード」と「ボックスメニュー」の設定を、今一度、確認してみてからの方が良いような気がします。

私も、テスト環境（Cocoonバージョン：2.2.5.5　WordPress5.6 なのでちょっと環境が違いますけど）で同じスキンにしてみても、特に問題はないみたいです。

miyuki さん

「コンテンツ上部」の中に

「おすすめカード」

「ボックスメニュー」

の２つを入れる構成にすれば、コンテンツ上部の下側のマージンによって、ボックスメニューとメインカラムがくっついてしまうことは、なくなるような気がします。

miyuki さん

と、思ったのですが、追加CSSにご自身でお書きになられている以下のコードをコメントアウトするか、削除すればいいだけかもしれません。

.content-top {
  margin: -15px;
  margin-bottom: -30px;
  padding: 0px;
}

miyuki さん

もしかしたら、ボックスメニューの上と下の空きを狭くしたかったのしれませんね？

リフィトリー様

早速教えていただきありがとうございます！

アドバイス通りウェジェットで設定しなおしたんですが余白は作れませんでした。。

またcontent-topでcss表記を検索してみたのですが、各当するものがなくて削除できませんでした。

ボックスメニューを削除しておすすめカードのみにするとメインコンテンツ上部に余白ができるので、ボックスメニューのcss表記がおかしいのかな？と思いました。

追加cssで書いたのは下記になります

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

.box-menu-icon {
color:#e4ab9b;
}
.box-menu:hover {
box-shadow: inset 2px 2px 0 0 #e6bfb2, 2px 2px 0 0 #e6bfb2, 2px 0 0 0 #d0826c, 0 2px 0 0 #e6bfb2;
}

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

これにmarginなどで追加設定しても余白作れなくて困ってます。

他に何かできることがあったら教えてもらえると幸いです。

よろしくお願い致します。

miyuki さん

以下のコードは追加CSSの1,956行目辺りに、お書きになられているようです。

.content-top {
  margin: -15px;
  margin-bottom: -30px;
  padding: 0px;
}

以下の見出しが1800行目辺りにあるので、その下、156行目辺りになります。

/************************************
** プロフィール-サイドバー
************************************/

miyuki さん

追加CSSを開くには、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」と、たどると開けます。

追加CSSの内容の変更を保存するには、追加CSSのすぐ上にある「公開」ボタンをクリックして、変更を確定します。

miyuki さん

「1956行目辺り」、と書きましたが、コードをソースコードからコピーしたので、数行ずれているかもしれません。（だいたい、その辺りにあると思います。）

リフィトリー様

教えていただきありがとうございます！

スキンのcssの方で検索していました。お手数おかけして申し訳ありません。

追加cssの方で修正したら余白を作ることができました！

丁寧に教えていただきありがとうございます！

大変わかりやすくて、とても助かりました。感謝します。

miyuki さん

「おすすめカード」の方は、「コンテンツ上部」には入っていないようなので、以前のものが残っていて、そのまま表示されているのかもしれません。

ただ、表示自体は問題ないようなので、しばらく様子を見て問題ないようでしたら、そのままでも いいのかもしれません。