Cocoon「吹き出しの文字色を変える」

2023.07.07.

こんにちは、シャトーブリアンです。

WordPressテーマの「Cocoon」を愛用中！

ブログ内の文字色は全部同じものに統一しているんですが、吹き出しだけが違う色になっていました。前からなのか、途中で仕様が変わったのか？気づいたときに直しておこう！

吹き出し内だけ黒色になっている文字を他の文字と同じ色に合わせていきます。

Before

After

変更は２ステップ！

・吹き出しのID番号をチェック
・CSSにコードを書き込む

吹き出しごとに色を変えられるので、変更したい吹き出しのID番号をチェックしておきます。

1、Cocoon設定→吹き出し

2、変更したい吹き出しのタイトルを押す

アイコンの上にあるのがタイトルです。

3、ID番号をメモしておく

アドレスバーに表示されている「id=数字」の数字部分が必要になります。この場合だと「27」を覚えておきます。

1、外観→テーマファイルエディター

2、コードをコピーして貼り付け

/* 吹き出しの文字色 */
.sb-id-00 .speech-balloon p{
color:#000000;
}

オレンジの部分を変更！

ID番号：.sb-id-00
文字色：color:#000000;

こんな感じに貼り付けたらOK！

「変更を保存」を押したら完成！

完成！同じ色になりました♪

できたー！

他にも文字色を変えたいなら…