項目のボタンを下揃えにしたい

♥ 0

Who liked: No user

このトピックには2件の返信、1人の参加者があり、最後にキタジマタカシにより5年、 2ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2020年8月16日 1:07 AM #55548

AKI
参加者

♥ 7

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】バージョン: 11.0.2
【お使いのブラウザ】Chrome
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===
お世話になります。
項目で表示されるボタンの位置を下揃えにすることはできますでしょうか？

♥ 0

Who liked: No user

2020年8月16日 3:17 PM #55572
AKI
参加者

♥ 7
こちら、カスタムCSSに下記の記述を追加することで対応できましたので閉じさせていただきます。
```
.smb-items__item {
  height: 100%;
  padding-bottom: 60px;
}

.smb-items__item__action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
```
♥ 1

Who liked: No user
2020年8月17日 6:05 PM #55646
キタジマタカシ
参加者

♥ 2619
僕も書いてみましたが、AKI さんのもののほうがシンプルで良いですね…！
```
.wp-block-snow-monkey-blocks-items--item--standard {
    display: flex;
}

.wp-block-snow-monkey-blocks-items--item--standard .smb-items__item {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.wp-block-snow-monkey-blocks-items--item--standard .smb-items__item .smb-items__item__content {
    margin-bottom: .93478rem;
    margin-bottom: calc(var(--_space, 1.86957rem)*0.5*var(--_margin-scale, 1));
}

.wp-block-snow-monkey-blocks-items--item--standard .smb-items__item .smb-items__item__action {
    margin-top: auto !important;
}
```
♥ 1

Who liked: No user
投稿者

投稿