質問者の貼り付けたCSSをコードブロックにします。
@charset "utf-8";
/* CSS Document /
.ui.stackable.grid > .row {
padding: 0;
}
/.content{
margin-top:1em;
margin-bottom:1em !important;
}*/
.ui.container {
height: auto !important;
min-height: 100% !important;
width: 85%;
margin: 1.5em auto;
}
body {
height: auto;
}
質問者が貼り付けたCSSにコメントアウトされている部分があり、どのようにしたいのか正確にはわからないのですが
適当に 1800px にしています。
formBridge.events.on("form.show", () => {
const main = document.querySelector(".fb-custom--main");
if (main) {
main.style.setProperty("max-width", "1800px", "important");
}
});
元のレイアウトと新しいバージョンのレイアウトが対応していないため適当に対応させています。
新バージョンでは、公開フォーム内の要素に fb-custom-- で始まるクラスが付与されています。そのため、旧クラスを対象にしたCSSは効かなくなっています。
(「FormBridgeクラス」一覧をご参照ください )
JavaScriptカスタマイズ | FormBridge