【概要】
Visual IVRページ内部のコンテンツ幅調整方法について
回答
以下の方法でページ内のコンテンツの幅サイズを調整することが可能です。
※CSSの編集・修正は当サポートセンターの保証外になりますので
お客様側で十分なご検証の上、ご判断ください。
◼️設定手順
①ご利用中のサンプルデザインを特定
Visual IVR ＞ コンテンツ ＞「シナリオ共通設定」一覧にて表示されている「利用テンプレート名」を確認
②「①」にて特定したデザインのCSSを編集
Visual IVR ＞ デザイン ＞ 左MENUから対象テンプレートを押下 ＞「デザインCSS」にてコード編集
※「②」で設定した場合は対象テンプレートデザインを利用している全てのページに影響されます。
もしも、特定のページのみで変更したい場合は下記の画面にて操作してください。
Visual IVR ＞ コンテンツ ＞ 編集希望コンテンツとページを特定 ＞ 編集 ＞ ヘッダー・フッター ＞ ヘッダー ＞「ソース」押下 ＞ <style>と</style>の間に以下のコードを追記
③以下のソースコードを追記
body {
width: 40%;/* 固定幅 */
margin: 0 auto;/* 中央揃え */
}
※widthは任意変更
設定後の画面
＜Before＞
＜After＞