S.KUROKAWAさん

投稿者:: @s-kurokawa

↑

背景色やロゴ色を変更する方法はないものでしょうか。

上記のようなことをするには、一般的にはCSSというものを書いて、指定します。

よって、上記のようなご質問に対しては「CSSを書けばできますよ」というお返事になってしまいます。
（曖昧な問いには、曖昧な答えが返ってくるということに）

まずは

• どの場所（部分）を
• どのようにしたいのか（背景色・文字色・フォントサイズ？等々）

上記のようなことを、明確にご提示いただく必要があります。

そして、それをCSSに書くためには、実際のサイトのHTML（構造）を確認させていただく必要があります。
（どの場所かということを、ブラウザに指示を出すために）

そのため、フォーラム上部の案内で、フォーラムご利用にあたっては、こういう情報を提示してくださいと、お願いさせていただいる次第です。

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

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

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

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

 
上記のようなことについて、ご理解・ご協力いただけますと、幸いです。

（なぜ、今回のお問い合わせに回答がつかないかと言えば、上記のようなことがないと、お答えしようがないからだと思います。）

@mk2_mk2 ありがとうございます。環境情報を以下に貼り付けます。

----------------------------------------------
サイト名：日本山岳会北海道支部
サイトURL： https://jac-hokkaido.com
ホームURL： https://jac-hokkaido.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/simple-blue/style.css
WordPressバージョン：6.8.3
PHPバージョン：8.3.8
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7,zh-CN;q=0.6,zh;q=0.5
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：22
タグ数：11
ユーザー数：3
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845 バイト
functions.phpサイズ：1761 バイト
----------------------------------------------
Gutenberg：1
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
All-In-One Security (AIOS) 5.4.4
All-in-One WP Migration and Backup 7.101
Category Order and Taxonomy Terms Order 1.9.1
Contact Form 7 6.1.4
Custom Post Type UI 1.18.1
Snow Monkey Blocks 24.1.7
WP-Members 3.5.4.3
WP Multibyte Patch 2.9.3
----------------------------------------------

具体的には、ヘッダーメニューの最後の「会員・会友用」部分を色を変えたいと悩んでいました。

S.KUROKAWAさん

以下で問題ないか確認してみてください。
（「:hover」がある方が、マウスオーバー時です。）

#navi #menu-item-1589 a {
    background-color: #333;
}

#navi #menu-item-1589 a:hover {
    background-color: #555;
}

子テーマのスタイルシート（style.css）か、追加CSSに追加してください。

カラーコードは、お好みで変更してください。

サブメニューもありましたので。
できることなら、そちらもどうする等、もう少し詳細にご説明いただけますと助かります。
（今回は特にご指定がありませんでしたので、勝手ながらGIFのようにさせていただきました。また変更は背景色だけにしました。変更箇所・内容によって、CSSは変わりますので）
 

次回以降あるようでしたら、その辺りもご配慮いただけますと、とても助かります。
（要件提示不足による手戻り等は、可能な限り避けたいところ）

@mk2_mk2様、お忙しい中、ありがとうございます。サブメニューはそのままで入口である「会員・会友用」だけ色を変えてパット見で差別化できれば十分かと考えていました。

S.KUROKAWAさん

恐れ入りますが、要件を明確にしていただけますでしょうか。

• 「会員・会友用」の背景色のみ
• サブメニューは不要

上記でよろしいでしょうか

• マスウオーバー時
• その他、文字色等も対応不要

上記でよろしいでしょうか。

それだけで、CSSセレクタは変わるのです。
こういうことを明確にしていただかないと、手戻りが発生し、追加の作業が必要になってしまいます。

恐れ入りますが、あと30分もしない内に、出掛けてしまいますので。
今直ぐに対応は難しいと思います。

S.KUROKAWAさん

時間がありませんので、細かい確認はしていません。

#menu-item-1589 {
    background-color: #333;
}

mk2様、貴重なアドバイスありがとうございます。今日～明日の所用が終了後、お教えいただいたCSSの追加作業を行いたいと思います。明日夕～夜に結果をご報告いたします。たぶん問題なくいくと思います。明日にかけて外に居ますので、取り急ぎ、お礼と中間報告ということで。

mk2様、ありがとうございました。お陰で解決いたしました。感謝いたします。