このサポートサイトは、テンプレートのカスタマイズにあたるため、サポート対象外となります。
予めご理解の上ご利用をお願いいたします。

概要

サイトにかかるモーダル(背景の編みかけ部分)について、色や透過率を編集することが可能です。

注意点

本記事の対象は、Widgetタイプのアクションの表示位置を中央にした場合に表示される黒い背景の表示です。

たとえばエレメントビルダーで作成したアクション等は対象外となります。

編集方法

アクション編集画面のカスタマイズよりCSSの最下部に下記のような内容を追記してください。

(例)完全に透明にしたい場合

    :global(.karte-widget__backdrop) {
        background-color: rgba(0,0,0,0) !important;
    }

(例)白の半透明にしたい場合

    :global(.karte-widget__backdrop) {
        background-color: rgba(255,255,255,0.75) !important;
    }