解決済利用規約がスクロール表示されない

フォーラム 使い方全般 【解決済】利用規約がスクロール表示されない

  • このトピックには2件の返信、2人の参加者があり、最後にshikaadminにより2年、 8ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #96466
    shikaadmin
    参加者

    ——————————————-
    WordPress のバージョン:5.9.2
    Welcart のバージョン:2.6
    PHP のバージョン:7.4.25
    Welcart専用の拡張プラグインとバージョン:
    DL Seller 3.2.5
    WCEX Multi Price 1.2.2
    WCEX Coupon  1.2.3
    ご利用のテーマ:MODE
    症状を確認したブラウザ:Safari,Google Chrome
    サーバー:エックスサーバー
    SSLの利用:常時SSL
    ——————————————–
    ダウンロード販売サイトです。
    商品をカートに入れて会員情報入力のあと、『配送・支払い方法』の画面にて。
    支払い方法の下部に利用規約が出ますが、ページ全体に表示されてしまうため、全体をずっと下までスクロールしなければ次へ進めません。

    Welcart公式のように、テキストフィールド内に表示させたいのですが、どこで設定すれば良いでしょうか?
    よろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
    #96469
    ohnishi
    キーマスター

    shikaadmin 様

    こんにちは。
    利用規約部分の表示不具合の件、ご報告ありがとうございます。
    次期バージョン(1.1.4)で修正をおこなわさせていただきます。
    もしお急ぎの場合には、下記の CSS を管理画面 > 外観 > カスタマイズ > 追加CSS に
    貼り付けて対応いただけますでしょうか。

    
    table#dlseller_terms {
    	margin-bottom: 20px;
    }
    table#dlseller_terms tr:after {
    	display: none;
    }
    table#dlseller_terms td {
    	margin-bottom: 12px; 
    	padding: 0 0 12px;
    }
    table#dlseller_terms td .dlseller_terms {
    	padding: 6px;
    	width: 100%;
    	height: 136px;
    	border: 1px solid #aaa;
    	border-radius: 4px;
    	vertical-align: bottom;
    	overflow-y: scroll;
    }
    @media screen and (min-width: 55em) {
    	table#dlseller_terms th {
    		vertical-align: text-top;		
    	}
    	table#dlseller_terms td {
    		padding-right: 48px;
    	}
    }
    

    ※ 次期バージョン(1.1.4)リリース後に最新版にアップデートいたしましたら、
    「追加CSS」に追加したコードは不要となりますので削除ください。

    #96472
    shikaadmin
    参加者

    追加CSSで綺麗に表示されました。
    ありがとうございました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。