WordPressプラグイン「Page Builder by SiteOrigin」のレスポンシブ対応

pc表示では横並びの画像がくっついて表示されているのに、スマホ表示では画像の間に大きな余白が生まれます。
現在のページビルダー状態です↓

[右側のスパナマーク]-[行の編集]-[レイアウト]-[ガター]で、グリッド（カラム）間のスペースを0pxにしているので、pc表示は2枚の画像が隣り合わせでくっついています。

しかしウィンドウ幅を縮めてスマホ表示にすると、折りたたまれた画像の間に大きな余白が生まれます。

デベロッパーで確認すると、下記のidとclassが自動的についています。

<div id="panel-14-3-0-0"とclass="so-panel widget widget_sow-editor panel-first-child panel-last-child" data-index="4">

このidやclassは「Page Builder by SiteOrigin」を使ってビルダーを作ると全てのグリット下部についているのですが、この余白を消す方法はありますでしょうか。

この余白を消すというよりも、スマホ表示にしたときに画像が縦並びでくっついてくれる方法があればよいのですが…。

ひとつ試したのは、idを作り余白をなくしてみる指定をしたのですがダメでした。(下記)

[右側のスパナマーク]-[行の編集]-[属性]-[Row ID]へabcを指定する

カスタムCSS
#aaa {
      margin: 0px;
    padding: 0px;
}

どなたか知恵をお貸しくださいませ。

行動規範の内容に同意します

回答1件

ベストアンサー

記述いただいたプラグインのcssがこちらで確認できないため、（クラス名だけではどんなcssが適用されているかわからないです）、
記述いただいたhtmlのタグが一部のみで、影響がありそうな範囲の全体像がわからないため（cssは互いに影響を及ぼし合う可能性があるため）、
残念ながらしっかりとしたご回答はできないです。

もし可能なら、適用されているcssファイルの内容を記載すると回答がもらえるかと思います。
それができない場合、chromeの開発者ツール(safariなどでも勿論使えますが個人的に一番使いやすいので)を開いて、
↓の添付画像の赤枠部分をいじってみると良いです。ここをいくらいじったところでもとのファイルは変更されないので。