【フォームブリッジ】ラベル項目と他フィールドの間を狭めたい

お世話になっております。

表題の件、実現したいこととして、以下の赤枠部分をできる限り狭めたいというものです。

javascriptやcssで改修できるかどうか、またどのようなコードを書けばよいかご教示いただければと思います。

当方、下記コードを使用しておりますが、全く動作が変わりません。

//ラベル周りの余白を狭める
(function () {
'use strict';
fb.events.form.mounted.push(function (state) {
var fieldCode = 'label1'; //ラベルフィールドのフィールドコード
var targetElement = fb.getElementByCode(fieldCode);
var targetLabel = targetElement.getElementsByTagName('label')[0];
var targetRow = targetElement.parentNode;
var nextRow = targetRow.nextElementSibling;

targetElement.style.paddingBottom = 0;
targetElement.style.marginBottom = 0;
targetLabel.style.paddingBottom = 0;
targetLabel.style.marginBottom = 0;
targetRow.style.paddingBottom = 0;
targetRow.style.marginBottom = 0;
nextRow.style.paddingBottom = 0;
nextRow.style.marginBottom = 0;
return state;
});
})();

※同じような質問が過去にされているようなのですが、当方、そこでのご回答内容をjavascriptに反映しても動作が変わらず、苦戦しております。

バージョンアップ等で変更できなくなったのでしょうか。

 

ご教示いただければと思います。よろしくお願いいたします。

sdvxdartsさん

こんにちは。

 

まだ解決されていないようでしたら

marginBottom = ‘-30px’; にしていかがでしょうか。

 

fb.events.form.mounted = [function(state) {
fb.getElementByCode('label').style.marginBottom = '-30px';
}];

koichi

お世話になっております。

ご教示いただいた方法で、動作が変わりました!

助かりました。ありがとうございます。