サポートアクション上のアンサーの強調文字の色を調整する
エディタの「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%); }