Cocoonフォーラム

2018.02.102023.01.25

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

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

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

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] ボックス（案内）のフォント色や背景色を以前の色に戻したい

CSSカスタマイズ相談

最新の投稿 : ねいと 6年前

3 投稿

2 ユーザー

1 Reactions

2,985 表示

RSS

ねいと

(@neito)

Trusted Member Registered

結合: 6年前

投稿: 82

Topic starter 2018年11月14日 09:37

ボックス（案内）のフォント色と背景色についての質問です。最近のCocoonアップデートによりこれらの色が変わってしまいました。以前の色のほうが良かったため元に戻したいと考えています。具体的には次のとおりです。

「プライマリー」のフォント色と背景色
→以前のようにもっと濃い水色の背景色と白い文字色に戻したいです。
（見出しに使用していたのですが、新しい色は見出しとしては色が弱くて目立たなくなってしまいました）

「プライマリー」以外のフォント色
→「インフォ」や「ワーニング」などこれらのオプションの文字色を以前のようにデフォルト色に戻したいです。
（新しいカラフルな文字色は逆に読みづらくなりました）

「プライマリー」以外の背景色
→気のせいかもしれませんが、「インフォ」や「デンジャー」の背景色が以前より濃くなった気がします。
（少なくとも「ワーニング」は以前より濃くなったため、次のように貼付画像の背景色と差ができてしまいました）

↑赤いアイコンの背景色よりも「ワーニング」の新しい色のほうが濃くなっているのが分かると思います。

これらの色を以前の色に戻すまでサイトは非公開（メンテナンスモード）にしています（意図していない色に変わってしまったため）。

以上、よろしくお願いします（素人のため分かりやすい説明をしていただけると助かります）。

haineons

(@haineons)

Trusted Member Registered

結合: 7年前

投稿: 73

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;
}