[紫穗里]

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

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

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

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

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

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

[紫穗里]

ご連絡をありがとうございます。
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で記述しています。
修正すべき点がありましたら、教えていただけたら嬉しいです。
どうぞ、よろしくお願いいたします。

添付ファイル:

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

[投稿者]

投稿