cocoonモバイル固定ヘッダー・フッター色変更のやり方について - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/ Cocoon ディスカッション掲示板 ja Thu, 16 Jul 2026 23:25:51 +0000 wpForo 60 RE: cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42037 Mon, 23 Nov 2020 18:06:14 +0000 @leafytreeさん、ありがとうございます。

凄く簡単に修正できました。

わざわざ追加でコードを教えていただき本当にありがとうございます！m_ _m

]]> CSSカスタマイズ相談 hide https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42037 RE: cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42021 Mon, 23 Nov 2020 03:21:29 +0000 @hide さん

サイトタイトルの文字の色も白などに変えたい場合は、

ul.mobile-menu-buttons .logo-menu-button > a {
   color: #fff;
}

こんな感じかな、と。

 

]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42021 RE: cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42020 Mon, 23 Nov 2020 02:28:55 +0000 @hide さん

ヘッダーとフッター、両方同じ背景色で良かったのですね。

 


同じでいい場合は少しコードを短くできそうです。

.mobile-menu-buttons,
.mobile-menu-buttons .menu-button > a {
   background-color: #1e73be;
}

.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption {
  color: #fff;
}
]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42020 RE: cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42014 Sun, 22 Nov 2020 19:21:00 +0000 @leafytreeさん、おかげさまで色が変更できました。

２件もコードを書いていただき、お手数おかけしました。

本当にありがとうございました。

]]> CSSカスタマイズ相談 hide https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42014 RE: cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42003 Sun, 22 Nov 2020 01:02:32 +0000 前略、hide さん

以下のコードでは、どうでしょう？

.mobile-header-menu-buttons.mobile-menu-buttons,
.mobile-header-menu-buttons.mobile-menu-buttons .menu-button > a {
   background-color: #6bb6ff;
}

.mobile-footer-menu-buttons.mobile-menu-buttons,
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-button > a {
   background-color: #1e73be;
}

.mobile-menu-buttons .menu-icon,
.mobile-menu-buttons .menu-caption {
   color: #fff;
}

モバイルヘッダーメニュー、モバイルフッターメニューの構造は複雑なので間違っているかもしれません。

 

ご質問の際には、キャッシュ系のプラグインと高速化設定はOFFにしていただけますと助かります。

 

]]> CSSカスタマイズ相談 リフィトリー https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42003 cocoonモバイル固定ヘッダー・フッター色変更のやり方について https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42001 Sat, 21 Nov 2020 19:30:16 +0000 久々の質問なのですが、スキーショップ.jpでモバイル固定ヘッダー・フッターを設定しているのですが、色の変更がうまくいかず困っております。

いろいろ検索で探してはCSSのコードを書き込んでもうまくいかないので、どなたかご教授願いたいと思います。

画像も添付しておきましたので、お手数おかけしますがよろしくお願いいたします。

ちなみにスキンはBizarre-food（ブルーカレー）  です。

]]> CSSカスタマイズ相談 hide https://wp-cocoon.com/community/customs/cocoon%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e5%9b%ba%e5%ae%9a%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%bb%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e8%89%b2%e5%a4%89%e6%9b%b4%e3%81%ae%e3%82%84%e3%82%8a/#post-42001