logo

サポートアクション上のアンサーの強調文字の色を調整する


エディタの「B」で強調された文字は、初期状態ではブランド設定>プライマリーカラーで指定された色をもとに、以下のように背景色が設定されます。

サポートアクション上でアンサーが表示される際に、この強調文字(太字)のスタイルをカスタムCSSで変更する方法を以下に記載します。

以下に記載するCSSを詳細設定>このステップのカスタムCSSに入れることで、そのサポートアクションでだけ背景色を消すことができます。
ブランド設定に登録した場合、全てのサポートアクションに変更が反映されます。
カスタムCSSの設定方法はこちらをご確認ください

 

強調文字の背景色を消す方法

背景を透過させる設定に上書きすることで、強制的に強調文字の背景色を消すことができます。

#rs_sa .c-faqContent strong {
  background: transparent;
}

強調文字の背景色を好きな色に変える方法

背景をグラデーション設定に上書きすることで、強制的に強調文字の背景色を変えることができます。
以下CSSの「#ffff00」部分を任意の色に変更することで、好きな色を強調文字の背景に置くことができます。
また、「33%」部分を変更することで、背景色の線を太くしたり細くしたりすることもできます。

#rs_sa .c-faqContent strong {
  background: linear-gradient(transparent 33%, #ffff00 33% 100%);
}
役に立ちましたか?
解決しない場合はお問い合わせください