サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
9
投稿
3
ユーザー
18
Reactions
1,559
表示
Topic starter
2020年6月17日 09:21
最近始めたばかりで初歩的な質問ですみません。（HTML,CSS共に乏しい知識です。）
上記サイトのトップページ右のウィジェット内、【カテゴリー】という文字の背景の色を変更したいのですが下記試しても変化がありません。
コードが間違っているのか、または何か他の設定が優先されているのか教えていただけますでしょうか。
CSSで試したもの↓
#sidebar .widget-sidebar-title{
background: #f5e2d4;
}
.sidebar h3 {
background: #f5e2d4;
}
.widget-sidebar-title widget-title{
background: #f5e2d4;
}
.widget-sidebar-title{
background: #f5e2d4;
}
ネットで調べたもの等試してみたのですがダメでした。
お手すきの際にご教示いただけますでしょうか。
よろしくお願いいたします。
2020年6月17日 10:40
前略、kikicocomama さん
たぶん、サイトキーカラーに設定した色が優先されちゃってるのかもしれません。
div.sidebar h3 {
background-color: #f5e2d4;
}
こんなので、イケないでしょうか？
kikicocomama and わいひら reacted
2020年6月17日 14:21
変更できないのは、子テーマの style.css が変になっているためです。
私が見た限り、全部で 4 箇所が変です。1 つずつ修正箇所を書いていきます。
※ CSS を書くとセキュリティプラグインに遮断されるため、notepad.pw に修正箇所を書いています。
①コメントアウトが変
This post was modified 4年前 by Akira
2020年6月17日 14:25
② BOM が混じっている
この部分の…
.card-title {
font-size: 18px;
margin-bottom: 20px;
color: #333;
}
font-size: 18px; の前に BOM（Unicode で符号化したデータ）があります。BOM があると CSS が効きません。
一旦この部分を削除し、↑ の CSS をコピペします。
また、CSS を含むコードは、Windows の「メモ帳」などで書かないようにします。
This post was modified 4年前 by Akira
2020年6月17日 14:30
③ コメントアウトが変：その 2
2020年6月17日 14:35
④ メディアクエリが変
https://notepad.pw/share/imweput4
ここまで修正すれば、このような CSS で変更できるようになると思います。
.sidebar h3 {
background: #f5e2d4;
}
Topic starter
2020年6月18日 21:11
Akira様
ご丁寧にとても詳しくありがとうございます！
ご指摘いただきました修正箇所全て変更するときちんとカラー変更されました。。
浅い知識でどんどんいじっていたので、もっと勉強しなければと改めてやる気になりました。
大事に至る前に修正できて良かったです。
貴重なお時間を、本当にありがとうございます。
知識が豊富な方にこのように教えていただける、この環境にも感謝いたします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。