wordpressのcocoonの背景二重表示の解除方法について

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
wordpressのcocoonのテーマでブログを始めたのですが、file zillaでファイルを移植したところ、背景を設定していない場合でも背景が表示されてしまい。背景を設定すると上塗りという形で表示されてしまいます。また、ナビゲーションを新設しようとしたところバナー表示がされないが該当箇所をクリックすると反応するという形になっています。現在、移植したものの背景画像の部分を削除しようとしているのですが、該当箇所がstyleに見つからず、どのように修正すれば良いのか途方に暮れております。
ご指導いただければ幸いです。

発生している問題・エラーメッセージ

ファイル移植による背景画像の二重表示のため、ナビゲーションが透明になってしまう。もしくは隠れてしまう。

エラーメッセージ

該当のソースコード

<style id='cocoon-style-inline-css'> @media screen and・・・と続いています。貼り付けると膨大なソースコードになってしまったので。 HPのURLを貼らせていただきます。 https://kaitakugogo.com/ ```ここに言語名を入力 ソースコード ``` ### 試したこと wordpress管理画面での二重背景削除方法の模索。 filezillaにて該当箇所の探索。 ここに問題に対して試したことを記載してください。 ### 補足情報（FW/ツールのバージョンなど） ここにより詳細な情報を記載してください。

Answer 1

リンク先のページをデベロッパーツールで解析してみると、body と .header に同じ背景画像が設定れています。
「背景二重表示」というのがこのことだとしたら、.header の背景画像を削除すればいいでしょう。
.header の背景画像は、Cocoon の場合、ダッシュボードから、[Cocoon設定]→[ヘッダー]で設定できます。そこの「ヘッダー背景画像」の[クリア]ボタンをクリックすれば削除できます。

ヘッダーの背景画像を削除すると、背景色が表示されます（既定値は白）。この背景色を透過させてbodyを表示させたい場合は、[Cocoon設定]からはできないので「追加CSS」に下記のコードを追加すればいいでしょう。

#header-container {
	background-color:transparent;
}

ナビゲーションが透明になってしまう。もしくは隠れてしまう。

これに関してはリンク先ページにはナビゲーションが設置されていないようなので現象を確認できません。

ページの解析をするにはデベロッパーツールを使うことは必須ですが、利用法をご存知ですか。
ご存知ないならWEB検索して使い方を調べてみてください。
例えば、
初心者向け！Chromeの検証機能（デベロッパーツール）の使い方

Comments

[naki888]

大変勉強になりました。ありがとうございます。ヘッダーの部分は背景白色になったので重複にはなっていなかったようです。ナビゲーションは別の要因かもしれません。デベロッパーツールで検証してみます。