投稿者:: こたついかん

お世話になります。

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

あまり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/

内容を修正しようとしましたが、できないんですね。

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

以下のコードを子テーマのstyle.cssに貼り付けると多分改善できるかと思います。

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

内容の修正は、書き込みから10分以内であれば、「編集」リンクから出来るようには一応設定してありますが、できませんでしたか？

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

.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}

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

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

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

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

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

とりあえず、編集の事についてはフォーラム書き込みテストを利用して、いろいろ試してみたいと思います＾＾

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

すいません。
「編集」リンクによる修正は、登録ユーザーである必要があったのかもしれません。
ゲストユーザーでも、「編集」できるかどうか、出来るようにするかどうかも含めて、設定を確認しておこうと思います。

よくよく設定を見てみると、当サイトが使用しているwpForoでは、ゲストユーザーでは、返信を編集できる仕様にはなっていませんでした。