ブロック「項目」で最後の要素であるボタンが大きく下にずれてしまう

0
いいねをした人: 居ません
  • このトピックには6件の返信、3人の参加者があり、最後にakosanにより12ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #126854
    akosan
    閲覧者
    31

    【お使いの Snow Monkey のバージョン】
    【お使いの Snow Monkey Blocks のバージョン】バージョン 19.8.0
    【お使いの Snow Monkey Editor のバージョン】バージョン 9.2.5
    【お使いのブラウザ】chrome
    【当該サイトのURL】https://sora-sanpo.com/shop_test/   パスワードtest ※パスワード保護しています

    ### 実現したいこと

    ブロック「項目」を使用した時、ブロック設定の「各項目の最後の要素を下に揃える」を使用し、ボタンの位置を揃えたい

    ### 発生している問題

    ブロック設定の「各項目の最後の要素を下に揃える」を使用するとボタン上部に大きなマージンがついてしまい、ボタンがはみ出て設置される。

    以前は大丈夫だったのですが昨日なぜかずれてしまっている事に気づきました。

    ### 試したこと

    ・追加CSSを全削除しCSSの影響を調べる→追加CSSを全て消してもずれている

    ・「各項目の最後の要素を下に揃える」をOFFにする→通常のボタン位置に戻る(ただし位置はそろわない)

    ・過去フォーラムを参照

     

    原因を教えていただけると幸いです。

     

    0
    いいねをした人: 居ません
    #126857
    Olein_jp
    参加者
    548

    拝見しました。追加CSSを削除されて試されているようなのですが、どこか(独自のプラグインなど追加CSSからではなく)から以下のようなCSSを書かれてはいませんでしょうか?

    .smb-items--fill>.c-row>.c-row__col .smb-items__item__body.block-editor-block-list__layout>:nth-last-child(2), .smb-items--fill>.c-row>.c-row__col .smb-items__item__body>:last-child {
        margin-bottom: 0;
        margin-top: auto;
    }

    こちらの margin-top: auto; が悪さをしているような気がしますので、どこで記述をされているのかを確認された上で、打ち消す等試されると良いかと思います。ご参考までに。

    1
    いいねをした人:
    #126882
    アバター画像キタジマ タカシ
    参加者
    2283

    多分先日のアップデートの影響だと思います。

    パターンライブラリーで使ってて、そちらでは不具合が発生していないので気づきませんでした…。

    ブロックの組み合わせによって発生してしまうのかもしれません。ちょっと調査してみます。

    2
    いいねをした人:
    #126885
    Olein_jp
    参加者
    548

    あら…!失礼しました…!

    2
    いいねをした人:
    #127004
    akosan
    閲覧者
    31

    >Olein jpさん

    お返事ありがとうございます!

    >キタジマさん

    調査してくださるとのことでありがとうございます。

    0
    いいねをした人: 居ません
    #127007
    アバター画像キタジマ タカシ
    参加者
    2283

    Blocks v19.9.0 で修正を入れてみたのでアップデートして確認してみてください!

    0
    いいねをした人: 居ません
    #127077
    akosan
    閲覧者
    31

    >キタジマさん

    アップデートしたら元通りきれいな位置に収まりました。ありがとうございます!

    解決したのでトピックを閉じます。

    1
    いいねをした人:
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • トピック「ブロック「項目」で最後の要素であるボタンが大きく下にずれてしまう」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。