- このトピックには2件の返信、3人の参加者があり、最後に
により3年、 6ヶ月前に更新されました。
-
投稿
-
お世話になります。以下の通り、質問させてください。
【お使いの Snow Monkey のバージョン】13.2.3
【お使いの Snow Monkey Blocks のバージョン】10.3.3
【お使いの Snow Monkey Editor のバージョン】4.1.0
【お使いのブラウザ】Chrome
【当該サイトのURL】### 実現したいこと
Snow Monkey Blocks> Buttonsを使用して、ボタンを生成したいのですが、
スマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。(下記、縦赤線ご参照）
###現状
上記パートは、セクションブロックと、カラム(50%:50%)を使用し、
Snow Monkey Blocks> Buttonsで、2つボタンを入れました。PCですと並列ですが、タブレット、スマホですと、上記のように縦並びになります。
追加cssで、.wp-block-columnにmargin: 0 auto;をいれましたが、
変わりありませんでした。恐れ入りますが、対処方法ありましたらご教示いただけますと幸いです。
よろしくお願いいたします。いいねをした人: 居ませんスマホ、タブレットで、縦並びになったときに、ボタンの長さと、位置を
そろえたいです。ボタン幅サイズは中のテキストの量で可変となります。ですので、文章内容が違うボタンの幅を統一したい場合には、CSSにてデバイス毎にサイズを指定してあげるしかないかなと思います。
.wp-block-snow-monkey-blocks-btnにwidth:100%を加えて、.smb-btnにもwidth: 100%を加えれば全幅になると思います。しかし、他のボタンにも作用してしまうので、ボタンエリアに任意のクラス名を追加することをお勧めします。あとは、メディアクエリでスマホとタブレット時の幅を調整し、PC表示時には解除するCSSを書けば実現できると思います。
いいねをした人:
- トピック「縦並びボタンの長さと位置を揃えることは可能でしょうか?」には新しい返信をつけることはできません。