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

♥ 0

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

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

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

投稿者

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

AKI
参加者

♥ 7

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

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

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

♥ 0

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

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

いいねをした人: 居ません
2020年8月17日 6:05 PM #55646
キタジマタカシ
参加者

♥ 2421
僕も書いてみましたが、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

いいねをした人: 居ません
投稿者

投稿