サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年4月9日 18:30
お世話になります。
タイトルでも書いたように、ヘッダーロゴとグローバルメニューの間の余白を消したいです。もともと透過された背景を生かしたロゴを使うのではなく、一枚の絵を使ったロゴ画像を使用し、さらに背景も単色ではなく連続した画像を使っている為、隙間がどうしても目立ってしまいます。
あまり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/
Topic starter
2019年4月9日 18:32
お世話になります。
タイトルでも書いたように、ヘッダーロゴとグローバルメニューの間の余白を消したいです。もともと透過された背景を生かしたロゴを使うのではなく、一枚の絵を使ったロゴ画像を使用し、さらに背景も単色ではなく連続した画像を使っている為、隙間がどうしても目立ってしまいます。
あまり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/
Topic starter
2019年4月9日 18:38
内容を修正しようとしましたが、できないんですね。
間違えて引用ボタンを押して同じものを投稿してしまいました…読みづらく申し訳ないです。
2019年4月9日 20:33
以下のコードを子テーマのstyle.cssに貼り付けると多分改善できるかと思います。
.logo-image span,
.logo-image a,
.logo-image img {
display: block;
}
2019年4月9日 20:36
内容の修正は、書き込みから10分以内であれば、「編集」リンクから出来るようには一応設定してありますが、できませんでしたか?
以下のトピックは、自由に書き込んで試すことができるトピックなので、よろしければ試してみてください。
フォーラム書き込みテスト
Topic starter
2019年4月9日 20:57
.logo-image span,
.logo-image a,
.logo-image img {
display: block;
}
教えていただいた上記の記載通りに追加cssに書き込みましたら、無事にヘッダーロゴ画像とグローバルメニューの余白を解消することが出来ました!
お忙しい中、ありがとうございます!
返信と引用はありますが、編集はありません。
もともと、消せない仕様にしていますとのことで、てっきり編集できないものだと思っていました。
テスト投稿もさせていただきましたが、編集ボタン(リンク?)はありません。
わいひら reacted
Topic starter
2019年4月9日 21:37
とりあえず、編集の事についてはフォーラム書き込みテストを利用して、いろいろ試してみたいと思います^^
余白については無事解決できましたので、とても助かりました!本当に、ありがとうございます!
2019年4月10日 19:55
すいません。
「編集」リンクによる修正は、登録ユーザーである必要があったのかもしれません。
ゲストユーザーでも、「編集」できるかどうか、出来るようにするかどうかも含めて、設定を確認しておこうと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。