- このトピックには3件の返信、2人の参加者があり、最後に
により4週前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
-
投稿
-
【お使いの Snow Monkey のバージョン】27.2.6
【お使いの Snow Monkey Blocks のバージョン】22.2.1
【お使いの Snow Monkey Editor のバージョン】10.0.4
【お使いの PHP のバージョン】8.1.29
【お使いのブラウザ】Mac Google Chrome
【当該サイトのURL】### 発生している問題
セクションブロックのコンテンツ部分に、２つ目以降にグループブロックを設置した際に「間隔」設定がテーマ側のスタイルで上書きされて適応されない。### 試したこと
– ルートにグループブロックを設置→適応されない
– セクションブロックの１つ目にグループブロックを設置→適応されない
– セクションブロックの2つ目以降にグループブロックを設置→適応されないが.is-layout-constrained>:not(:first-child)のmargin-topを無効にすると適応される以下のソースコードのグループブロックを上記の条件に置いてみました。もう少し細分化したら事象が変わる可能性もあるかもしれません。
<!-- wp:snow-monkey-blocks/section --> <div class="wp-block-snow-monkey-blocks-section smb-section smb-section--fit"><div class="smb-section__inner"><div class="c-container"><div class="smb-section__contents-wrapper"><div class="smb-section__header"><h2 class="smb-section__title">Title is here</h2></div><div class="smb-section__body"><!-- wp:paragraph --> <p>Excepteur, ullamco do commodo exercitation nisi. Commodo exercitation nisi in anim dolore consectetur nisi. Nisi in anim dolore consectetur. Anim dolore consectetur, nisi pariatur dolor commodo minim. Nisi, pariatur dolor commodo. Commodo minim sed est non aliquip magna quis. Sed est non aliquip. Non aliquip magna quis, exercitation voluptate minim. Quis exercitation, voluptate minim.</p> <!-- /wp:paragraph --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"backgroundColor":"sugimoto-accent-05","layout":{"type":"default"}} --> <div class="wp-block-group has-sugimoto-accent-05-background-color has-background"><!-- wp:paragraph --> <p>Enim, non consequat enim officia duis. Enim officia duis labore. Duis labore ad occaecat. Ad occaecat et aliqua. Et aliqua tempor ipsum aliquip quis ea eiusmod. Tempor ipsum aliquip quis ea eiusmod, lorem lorem. Quis ea eiusmod lorem lorem dolore. Eiusmod lorem lorem dolore adipiscing esse aute ullamco.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Enim, non consequat enim officia duis. Enim officia duis labore. Duis labore ad occaecat. Ad occaecat et aliqua. Et aliqua tempor ipsum aliquip quis ea eiusmod. Tempor ipsum aliquip quis ea eiusmod, lorem lorem. Quis ea eiusmod lorem lorem dolore. Eiusmod lorem lorem dolore adipiscing esse aute ullamco.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Enim, non consequat enim officia duis. Enim officia duis labore. Duis labore ad occaecat. Ad occaecat et aliqua. Et aliqua tempor ipsum aliquip quis ea eiusmod. Tempor ipsum aliquip quis ea eiusmod, lorem lorem. Quis ea eiusmod lorem lorem dolore. Eiusmod lorem lorem dolore adipiscing esse aute ullamco.</p> <!-- /wp:paragraph --></div> <!-- /wp:group --></div></div></div></div></div> <!-- /wp:snow-monkey-blocks/section -->Who liked: No user確認しました！
– Snow Monkey が持っている要素間余白の CSS がコアの CSS より強い
– フロントには↑が適用されるけどエディターには適用されていない（セレクタの問題ではなく CSS が抜け落ちている）という問題がありそうです。歴史的経緯で mixin と placeholder が入り組んでてぱっとはよくわからないので、時間とって検証してみようと思います。ご報告ありがとうございます！
Who liked: No user
4件の投稿を表示中 - 1 - 4件目 (全4件中)
- トピック「セクションブロックのコンテンツ２つ目以降にグループブロックを挿入した際の間隔設定が効かない」には新しい返信をつけることはできません。