SWELLで吹き出しのリンクも好きなカラーにしたい

当ページのリンクには広告が含まれています。
目次

全体のリンクカラーの設定

基本的なリンクカラーの設定は、ダッシュボードの「カスタマイズ」→「サイト全体設定」→「基本カラー」

あとは、リンクカラーを好きな色をしてするだけ!

ただ、これだと、どうも吹き出しは、反映されない模様で、どうしたもんかと。
普通に青い色に下線が付いてしまう。

ゆん

いいと言えば、いいけれど、
なんだろうなぁ。

ゆん

吹き出しは、どうもこれではできないっぽい。

吹き出しもリンクの色を変えたい!

では、吹き出しのリンクの色を変えるには、どうするのか?
というと、多分、今現在では、設定では変えられなさそう。

つまりは、cssで変えるしかダメっぽい。
ダッシュボードの「カスタマイズ」→「追加CSS」

ここに書けば良い。
吹き出しのテキスト部分にだけ、リンクを修正する。
吹き出しのテキスト部分のクラスは、「c-balloon__text」のようなので、以下のように設定した。

.c-balloon__text a{
color: rgb(36, 173, 164);
text-decoration:none;
}

色は、自分の好きなカラーを入れれば良い。
赤なら、redでもいいし。私は、リンクカラーで指定した色と同じ色( rgb(36, 173, 164))にしてみた。

color: red;

アンダーバーは、私は入れていないので、noneとした。

text-decoration:none;

記入できたら、最後に、上にある「公開」のボタンを押せば出来上がり!

ゆん

うん!これで気持ち良くなった!
このページのトップへリンク

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

目次