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

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

こんにちは、るこです。

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

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

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

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

CSS

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

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

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

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

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

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

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

Category : WordPressテーマのカスタマイズ

この記事がお気に召したら「いいね!」していただけると励みになります。

最新情報をお届けします

ブログ一覧へ