現在デフォルトスキンとして「Bizarre-food(ブルーカレー) 」適用中。近日同梱予定。

ヘッダーロゴとグローバルメニューの間の余白をなくしたい | カスタマイズ相談 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。

  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ヘッダーロゴとグローバルメニューの間の...
 
Share:

[解決済] ヘッダーロゴとグローバルメニューの間の余白をなくしたい  

  RSS

こたついかん
 こたついかん
(@こたついかん)
ゲスト
参加: 2か月 前
投稿: 7
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/


引用未解決
こたついかん
 こたついかん
(@こたついかん)
ゲスト
参加: 2か月 前
投稿: 7
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/

 


返信引用
こたついかん
 こたついかん
(@こたついかん)
ゲスト
参加: 2か月 前
投稿: 7
2019年4月9日 18:38  

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5402
2019年4月9日 20:33  

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

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

返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5402
2019年4月9日 20:36  

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

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

This post was modified 2か月 前 by わいひら

返信引用
こたついかん
 こたついかん
(@こたついかん)
ゲスト
参加: 2か月 前
投稿: 7
2019年4月9日 20:57  
.logo-image span, 
.logo-image a,
.logo-image img {
display: block;
}

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

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

 

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

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

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


わいひら 件のいいね!
返信引用
こたついかん
 こたついかん
(@こたついかん)
ゲスト
参加: 2か月 前
投稿: 7
2019年4月9日 21:37  

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

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5402
2019年4月10日 19:55  

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5402
2019年4月10日 19:59  

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


返信引用

返信する


許可された最大ファイルサイズ 3MB

 
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年10ヶ月

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:10ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:8ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました