ヘッダーロゴとグローバルメニューの間の余白をなくしたい - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/ Cocoon ディスカッション掲示板 ja Fri, 06 Mar 2026 20:53:54 +0000 wpForo 60 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15181 Wed, 10 Apr 2019 10:59:42 +0000 よくよく設定を見てみると、当サイトが使用しているwpForoでは、ゲストユーザーでは、返信を編集できる仕様にはなっていませんでした。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15181 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15180 Wed, 10 Apr 2019 10:55:41 +0000 すいません。
「編集」リンクによる修正は、登録ユーザーである必要があったのかもしれません。
ゲストユーザーでも、「編集」できるかどうか、出来るようにするかどうかも含めて、設定を確認しておこうと思います。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15180 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15147 Tue, 09 Apr 2019 12:37:01 +0000 とりあえず、編集の事についてはフォーラム書き込みテストを利用して、いろいろ試してみたいと思います＾＾

余白については無事解決できましたので、とても助かりました！本当に、ありがとうございます！

]]> CSSカスタマイズ相談 こたつみかん https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15147 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15144 Tue, 09 Apr 2019 11:57:32 +0000 .logo-image span,
.logo-image a,
.logo-image img {
display: block;
}

教えていただいた上記の記載通りに追加cssに書き込みましたら、無事にヘッダーロゴ画像とグローバルメニューの余白を解消することが出来ました！

お忙しい中、ありがとうございます！

 

返信と引用はありますが、編集はありません。

もともと、消せない仕様にしていますとのことで、てっきり編集できないものだと思っていました。

テスト投稿もさせていただきましたが、編集ボタン(リンク？)はありません。

]]> CSSカスタマイズ相談 こたつみかん https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15144 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15138 Tue, 09 Apr 2019 11:36:36 +0000 内容の修正は、書き込みから10分以内であれば、「編集」リンクから出来るようには一応設定してありますが、できませんでしたか？

以下のトピックは、自由に書き込んで試すことができるトピックなので、よろしければ試してみてください。
フォーラム書き込みテスト

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15138 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15137 Tue, 09 Apr 2019 11:33:32 +0000 以下のコードを子テーマのstyle.cssに貼り付けると多分改善できるかと思います。

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15137 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15127 Tue, 09 Apr 2019 09:38:16 +0000 内容を修正しようとしましたが、できないんですね。

間違えて引用ボタンを押して同じものを投稿してしまいました…読みづらく申し訳ないです。

]]> CSSカスタマイズ相談 こたつみかん https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15127 RE: ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15126 Tue, 09 Apr 2019 09:32:09 +0000
投稿者:: こたついかん

お世話になります。

タイトルでも書いたように、ヘッダーロゴとグローバルメニューの間の余白を消したいです。もともと透過された背景を生かしたロゴを使うのではなく、一枚の絵を使ったロゴ画像を使用し、さらに背景も単色ではなく連続した画像を使っている為、隙間がどうしても目立ってしまいます。

あまりcssの知識がなく、いろいろとcocoonフォーラム内の似通った相談を拝見させていただき試行錯誤したのですが、どうしてもヘッダーロゴとグローバルメニューの間の余白だけは消えません。

ヘッダーロゴの画像の大きさは1240px幅×413px高です。

▼追加css下記を使用し、ロゴの上の余白はなくなり、下の余白も少し狭くなりました▼

.logo {
margin: 0px;
padding: 0px;
}

▼cocoon相談ページの解決cssを自身のものに追加しても変化がなかったもの▼

※グローバルメニューの下の余白がなくなった↓

.content {
margin-top: 0;
}

※追加しても変化しませんでした↓

.logo-image {
padding: 0;
}
.logo-image * {
display: block;
margin: auto;
}

お手数掛けますが、よろしくお願い致します。

こちらがブログアドレスです→https://kotatumikan.com/

 

]]> CSSカスタマイズ相談 こたつみかん https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15126 ヘッダーロゴとグローバルメニューの間の余白をなくしたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15125 Tue, 09 Apr 2019 09:30:46 +0000 お世話になります。

タイトルでも書いたように、ヘッダーロゴとグローバルメニューの間の余白を消したいです。もともと透過された背景を生かしたロゴを使うのではなく、一枚の絵を使ったロゴ画像を使用し、さらに背景も単色ではなく連続した画像を使っている為、隙間がどうしても目立ってしまいます。

あまりcssの知識がなく、いろいろとcocoonフォーラム内の似通った相談を拝見させていただき試行錯誤したのですが、どうしてもヘッダーロゴとグローバルメニューの間の余白だけは消えません。

ヘッダーロゴの画像の大きさは1240px幅×413px高です。

▼追加css下記を使用し、ロゴの上の余白はなくなり、下の余白も少し狭くなりました▼

.logo {
margin: 0px;
padding: 0px;
}

▼cocoon相談ページの解決cssを自身のものに追加しても変化がなかったもの▼

※グローバルメニューの下の余白がなくなった↓

.content {
margin-top: 0;
}

※追加しても変化しませんでした↓

.logo-image {
padding: 0;
}
.logo-image * {
display: block;
margin: auto;
}

お手数掛けますが、よろしくお願い致します。

こちらがブログアドレスです→https://kotatumikan.com/

]]> CSSカスタマイズ相談 こたついかん https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ad%e3%82%b4%e3%81%a8%e3%82%b0%e3%83%ad%e3%83%bc%e3%83%90%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e9%96%93%e3%81%ae%e4%bd%99%e7%99%bd%e3%82%92/#post-15125