サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
8
投稿
2
ユーザー
8
Reactions
941
表示
Topic starter
2021年4月20日 16:25
相談内容：画像の添付の通り、フッター欄のカテゴリーの背景色の変え方が知りたいです。
解決のために試したこと：下記のようなコードを入れてみたのですが、変化なしで分かりませんでした。
.footer h3{
background-color:#3a687e;/*好きな背景色にする*/
padding:16px 10px;
margin:16px 0;
}
お助け願います。
2021年4月20日 16:46
sashinomadさん
ちょっとこれでは分からないです。
この場所はフッターなのですか？
URLや環境情報のご提示が難しいのでしたら、もう少し判別可能な情報が欲しいです。
例えば、ウィジェットの画面のスクリーンショットなど。
sashinomad and わいひら reacted
2021年4月20日 17:16
sashinomadさん
勝手ながら、貴サイトを確認させていただきました。
ちゃんと確認した訳ではないですが。
お隣のウィジェット共に反映するならば。
.footer-in h3 {
background: #xxxxxx;
}
上記で上手くいくかもしれません。
印のあったウィジェットのみということならば。
.footer-center h3 {
background: #xxxxxx;
}
上記で上手くいくかも知れません。
細かく確認した訳ではありませんので、ご承知おきください。
sashinomad reacted
Topic starter
2021年4月20日 19:50
@mk2_mk2さん
リプライが遅れてしまい大変申し訳ありません。
ご回答本当にありがとうございます。
上記の件、試してみたのですが色の変更ができませんでした。
ちなみに場所はフッターであっていると思うのですが
こちらがURLになります。
2021年4月20日 20:10
sashinomadさん
場所はフッターであっています。
ただ、ご提示いただいた画像では分からないということです。
CSSはご存じのとおり、どこの場所であるかが大事ですから、正確に知りたかったのです。
そうでないと、自分で環境を作って、試さなければならないので、時間が掛かるのです。
本題です。
端的に言えば、Errorになっています。
添付画像のとおり、ゴミ（BOM？）が入っています。
ゴミの部分をスペースなどに変更してください。
（backgroundの前の部分）
子テーマの編集や、コピペする際は、UTF8(BOMなし)を扱えるエディタをご使用になることをお勧めします。
Topic starter
2021年4月20日 21:19
@mk2_mk2さん
ご回答誠にありがとうございます。
言われた通り（backgroundの前の部分）を消したところうまく反映されました！天才です！！！
本当にありがとうございました！！！
わいひら reacted
Topic starter
2021年4月20日 22:23
@mk2_mk2さん
本当にありがとうございました！！！
以後気をつけます！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。