customizeWordPressテーマのカスタマイズ
WordPressテーマのカスタマイズ

blanc note. 吹き出しの色を変える方法

WordPressテーマのカスタマイズ

こんにちは、るこです。

blanc note.を使ってくださっている諭吉さんからこんな質問をいただきました。

そういえば、吹き出しって、カスタマイザーからの色変更に対応していないんですよね。
アクセントカラーかサブカラーと統一させるのもいいかと思いましたが、ご自分でお色を変えたいことも多いかと思いましたので、チップを残します。

blanc note.で使っている吹き出しのHTML

るこるこ
ショートコードを入れると表示される仕組みですが、ソースはこんなhtmlになっています。

CSS

cssで背景色と三角の吹き出しマークをつけています

上のCSSでいうと「#FFF3DB」となっている箇所が、吹き出しの色を指定している箇所です。

すべてのCSSをコピペして書き直しても色は変わります。
ですが、すべてコピペすると長くなってしまうため、色だけ上書きしましょう。

吹き出しの色だけ上書きする

テーマをそのままお使いいただいている場合は、カスタマイザー>カスタムCSSに、
子テーマをお使いなら子テーマのstyle.css またはカスタマイザーのカスタムCSSに、下記のCSSをコピペします。

#efefefは明るいグレーですので、グレーの吹き出しに変わります。

お気軽におためしくださいませ。
ご質問をくださった、諭吉さん、ありがとうございました!!

Category : WordPressテーマのカスタマイズ
スポンサーリンク

ルールーはエックスサーバーを使ってます♡

この記事がお気に召したら、いいね!お願いします♪

最新情報をお届けします

Webデザイナー るこ

Webデザイナーの立場から、個人事業主のWeb活用をテーマに発信しています。
得意分野はWebデザイン。イラストレーション。コーディングもぼちぼち。
WordPressテーマblanc note.を作ったり、お絵かきにブログと、収集がつかなくなり最近自粛してます。
手帳・文具・万年筆をこよなく愛する親バカ系。

ブログ一覧へ戻る