ショートコード「flexbox」の上下のmargin調整

[紫穗里]

flexboxを使用する際、上下のmargin調整は、ショートコード上ではできず、直接CSSを編集する必要がある、という認識で合っているでしょうか？
具体的には、flexboxとflexboxを縦に並べたときの空きをもう少し狭めたいです。

[DigiPress サポート]

フレックスボックスの各アイテム(flexitem)ではなく、親要素のflexbox自体のことでしょうか。

親要素(flexbox)の class パラメータにDigiPressの装飾セレクタ(mg60px-btm など)を指定するか、または style パラメータにCSSを直接指定してください。

https://digipress.info/manual/shortcode-list/18/
https://digipress.info/manual/html-decoration/8/

[紫穗里]

ご連絡をありがとうございます。
flexboxにclassで装飾を指定してみたのですが、うまく効かないようです。
添付のイメージなのですが、上と下の列の間をもう少し狭めたいのです。
ソースは下記の通りです。

—
[flexbox　class=”mg10px-btm” flexchildren=1]
[flexitem]
<div class=”box”>AAA</div>
[/flexitem]
[flexitem]
<div class=”box”>BBB</div>
[/flexitem]
[flexitem]
<div class=”box”>CCC</div>
[/flexitem]
[/flexbox]
[flexbox flexchildren=1]
[flexitem]
<div class=”box”>DDD</div>
[/flexitem]
[flexitem margin-top=0]
<div class=”box”>EEE</div>
[/flexitem]
[flexitem margin-top=0]
<div class=”box”>FFF</div>
[/flexitem]
[flexitem margin-top=0]
<div class=”box”>GGG</div>
[/flexitem]
[/flexbox]
—

ウィジェットの、カスタムHTMLで記述しています。
修正すべき点がありましたら、教えていただけたら嬉しいです。
どうぞ、よろしくお願いいたします。

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

styleパラメータにCSSを直接指定してください。

[flexbox style="margin-bottom:50px;" flexchildren=1]

[紫穗里]

上記のように対応してみましたが、

[flexbox　style=”margin-bottom:50px;” flexchildren=1]
にしても、

[flexbox　style=”margin-bottom:5px;” flexchildren=1]

にしても、変わらなかったため、style自体が効いていないようでした。

なお、こちらは、外観 > ウィジェットの、カスタムHTMLで記述しているのですが、
ウィジェットでは効かない、、ということはないですよね。

ショートコードは使わずに、HTMLで組むしかないでしょうか。

[DigiPress サポート]

flexbox と style の間に全角スペースを入れており、これでは認識できません。

パラメータ間の区切りは半角スペースにしてください。

[投稿者]

投稿