[miyuki]

いつもお世話になっております。

【お使いの Snow Monkey のバージョン】 16.5.2
【お使いの Snow Monkey Blocks のバージョン】 15.0.6|
【お使いの Snow Monkey Editor のバージョン】 7.0.1
【お使いのブラウザ】Google Chrome

### 実現したいこと

ボタンの幅を合わせたい

### 発生している問題

ボタンの中の文字が1行と2行となったり、文字数によって縦横両方ともと自動的に幅が変わってしまいます。

大きさを合わせるためにどのように設定したらいいでしょうか。

 

## 試したこと

余白設定をどのようにしたらいいか頭悩ませ、答えが見つかりませんでした。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[Olein_jp]

カラムブロックや項目ブロックなどで２カラムにして、その中で全幅でボタンを配置したらできそうな気がしますがどうでしょうか？

♥ 0

いいねをした人: 居ません

[Olein_jp]

上記、幅のことだけでした。
各ボタンの高さを合わせるには、追加でCSSクラス名を付与してスタイルでカスタムする必要がありますね。

♥ 1

いいねをした人:

[es：エス]

もしもですが、CSSでの方法が難しいな、PCやスマホごとの調整が厄介だな、ということがありましたら根本的な解決方法ではないのですが、発想を変えて以下の方法で対処するのもアリかなと思います。

「お問い合わせ」の文言の下に例えば（メールフォーム　受付時間24時間）等の1行を追加し、両方のボタンを2行にしてしまう。

また前のトピックのこととなりますが、クローズ後だったのこちらで失礼しますね。

情報の検索方法について、「スノーモンキー、フッターにメニューを入れる方法」で検索されたとありましたが、例えばGoogle等であれば「Snow Monkey　フッター　メニュー　方法」と、正式名称と空白を挟んでの単語の組み合わせがよいですし、フォーラム内であれば、「フッター　メニュー」で検索されると情報に出会える確率は高まると思います。

効率よく情報に出会えるよう、いろいろと探してみてください♪

♥ 1

いいねをした人:

[キタジマ タカシ]

とりあえずコアのボタンブロックの場合の CSS を書いてみました。設定やカスタマイズによってはコンフリクトしてしまう可能性はあります。

.wp-block-buttons {
  align-items: stretch;
}

.wp-block-buttons > .wp-block-button {
  display: flex;
}

.wp-block-buttons > .wp-block-button > .wp-block-button__link {
  display: flex;
  align-items: center;
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey Blocks ボタンの場合

.smb-buttons > .smb-btn-wrapper {
  display: flex;
}

.smb-buttons > .smb-btn-wrapper > .smb-btn {
  align-items: center;
}

♥ 0

いいねをした人: 居ません

[miyuki]

いつもお世話になっております。

たくさんのご意見、ありがとうございます。

Snow Monkey Blocks ボタンを使用しております。

上記をCSSに当てはめましたが、変化ありませんでした。

でも、意味合いは理解したので、色々試してみます！

♥ 1

いいねをした人:

[投稿者]

投稿