WordPress メモ

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

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

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

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

 

 

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

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

 

Before

 

After

 

 

変更方法

変更は2ステップ!

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

 

吹き出しのID番号をチェック

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

 

1、Cocoon設定→吹き出し

 

 

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

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

 

 

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

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

 

 

CSSにコードを書き込む

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

 

 

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

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

オレンジの部分を変更!

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

 

 

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

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

 

 

完成!同じ色になったぁ♪

 

 

 

できたー!

 

 

 

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

Cocoon「文字色をカスタマイズ」
文章だけじゃなくいろんなところの文字色も変えられる。インデックスカードやサイドバー、パンくずリストなどなど!

 

タイトルとURLをコピーしました