サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年11月14日 09:37
ボックス(案内)のフォント色と背景色についての質問です。最近のCocoonアップデートによりこれらの色が変わってしまいました。以前の色のほうが良かったため元に戻したいと考えています。具体的には次のとおりです。
「プライマリー」のフォント色と背景色
→以前のようにもっと濃い水色の背景色と白い文字色に戻したいです。
(見出しに使用していたのですが、新しい色は見出しとしては色が弱くて目立たなくなってしまいました)
「プライマリー」以外のフォント色
→「インフォ」や「ワーニング」などこれらのオプションの文字色を以前のようにデフォルト色に戻したいです。
(新しいカラフルな文字色は逆に読みづらくなりました)
「プライマリー」以外の背景色
→気のせいかもしれませんが、「インフォ」や「デンジャー」の背景色が以前より濃くなった気がします。
(少なくとも「ワーニング」は以前より濃くなったため、次のように貼付画像の背景色と差ができてしまいました)
↑赤いアイコンの背景色よりも「ワーニング」の新しい色のほうが濃くなっているのが分かると思います。
これらの色を以前の色に戻すまでサイトは非公開(メンテナンスモード)にしています(意図していない色に変わってしまったため)。
以上、よろしくお願いします(素人のため分かりやすい説明をしていただけると助かります)。
2018年11月14日 14:37
以前の色というのがどの時点での事か分からないのでとりあえず1.3.0時点での色で
/* プライマリー */
.primary-box {
background-color: #428BCA;
color: #FFFFFF;
}
/* サクセス */
.success-box {
background-color: #DFF0D8;
border-color: #D6E9C6;
color: #333;
}
/* インフォ */
.info-box {
background-color: #D9EDF7;
border-color: #BCE8F1;
color: #333;
}
/* ワーニング */
.warning-box {
background-color: #FCF8E3;
color: #333;
}
/* デンジャー */
.danger-box {
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #333;
}
これで1.3.0時点でのボックスカラーになります
子テーマのstyle.cssへ貼り付けてくださいね
プライマリーボックス以外のフォントカラーは指定が無かったので、とりあえず全体文字で使われている色にしていますので
他の色にしたい場合はcolor部分を変更してください
変更後はキャッシュの削除を忘れずに
ボックスカラーを変えたい場合この部分(.info-boxなど)を
変更してあげれば自分の好きな色にする事が出来ますよ
わいひら reacted
Topic starter
2018年11月15日 21:31
ご回答ありがとうございます。教えていただいた方法で見事に元の色に戻せました。本当に助かりました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。