ワードプレスSANGO子テーマPORIPU「関連リンク用吹き出し」のリンク色を変更する方法:SANGO+PORIPUカスタマイズ

ワードプレス でブログ開始と同時に有料テーマSANGO+公認子テーマポリプを購入しました。

スミレ

PORIPUで追加された「関連リンク用ふきだし」がかわいいけど、リンクの色が設定しているメインカラーで出ちゃう…枠と合わないなぁ

PORIPUの追加タグ「関連リンク用吹き出し」のリンクカラーを変更する方法

PORIPUで追加された「関連リンク用吹き出し」がかわいい!


このふきだしボックスが可愛くてお気に入り!

関連リンク用なんですが、タイトルを自由に変えて使えるボックスも用意されているので、私は参考サイトへのリンクでも使っています。↓これ。

ポリプ追加のコード一覧はこちらから確認できます。

枠とリンク色が合わない!統一したい

スミレ

まあ、合わなくはないんだけど…このリンクに当たってるのはメインカラーかな。枠に合わせて落ち着いた紫に変えたいなぁ

外観→カスタマイズ→追加CSSに色指定のCSSを追加する

追加 CSSはカスタマイズの一番下にあります。こちらを追加しました!

するとこうなります。リンク色が指定した紫(枠と同じ色を指定)に変わりました。

コード
.p-box .p-blue a {
    color: #7986CB;
}
MEMO
.p-plue の部分は使うコードに合わせて変えてください。各色のコードはPORIPU公式で紹介されています。
coloeの部分にリンクの文字色を入れてください

スミレ

かわいいボックスで、リンクも好みの色に統一出来てスッキリ✨