概要
コンテンツ内、特定のガイドの色を変更したい場合の手順をご案内いたします
手順
色を変更したいガイドを選択します
ガイドテキスト内に、下記コードの入力をしてください
<style>:root { --plainer-guide-color: #FF0000; }.plainer-tippy-root .tippy-box { background-color: var(--plainer-guide-color) !important; border-radius: 20px !important; }.plainer-tippy-root .tippy-box .tippy-arrow { color: var(--plainer-guide-color) !important; }.plainer-tippy-root .tippy-box .tippy-arrow:after { background-color: var(--plainer-guide-color) !important; }</style>※冒頭の root { --plainer-guide-color: #FF0000; }のカラーコードを変更すると
バルーンガイドの色が変わります！
入力した色がガイドに反映されます
注意点
ボタンタイプを標準にしている場合、ボタンの色は通常の青色のままです
ボタンタイプを「要素をクリックして進む」にご変更いただきますと、ボタンが表示されなくなり、ガイドの色が統一されます