動画の下部の余白を少なくしたい

♥ 0

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

このトピックには3件の返信、3人の参加者があり、最後にとみにより2年、 10ヶ月前に更新されました。

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

投稿者

投稿
2021年6月30日 9:38 PM #79715

とみ
閲覧者

♥ 6

【お使いの Snow Monkey のバージョン】

最新
【お使いの Snow Monkey Blocks のバージョン】

最新

【お使いの Snow Monkey Editor のバージョン】

最新

【お使いのブラウザ】

Chrome
【当該サイトのURL】

アニマルライバーズ

Just another WordPress site

animal-livers.com

### 実現したいこと

トップページの動画の下に余白があり、それを削除もしくは余白を少なくしたいです。

よろしくお願いします。

### 発生している問題

動画の下部にのみ余白が多めに存在しておりますので削除か調整をしたい。

### 試したこと

追加CSSにてalignfull とsmb-sectionのpaddingを0pxなどに調整すると他のブロックも一緒にpaddingが調整され本来調整したいところとは別のブロックが不自然になってしまいます。

動画の下の部分のみ余白を削除、もしくは余白を少なくしたいです。

♥ 0

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

2021年6月30日 10:39 PM #79723
GONSY
参加者

♥ 807
ここだけということであれば、「理念」の要素（ブロック）に【高度な設定】→【追加CSSクラス】でクラス名（例：home-first-section）をつけ、
```
.home-first-section {
margin-top: 0important;
}
```
でいかがでしょうか？

マイナスマージン（-100pxなど）にすると、動画に重ねることもできると思います。

♥ 0

いいねをした人: 居ません
2021年7月1日 10:22 AM #79754

キタジマタカシ
参加者

♥ 2254

カラム > セクション > 動画ブロックというように入れ子にされていますが、セクションは上下に余白がつくので、シンプルに動画ブロックだけ配置するとどうですかね？

♥ 0

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

2021年7月1日 3:44 PM #79796

とみ
閲覧者

♥ 6

解決しました。

ありがとうございます。

キタジマさんの返信のように動画ブロックだけにすると全幅表示ができなかったのでセクションに入れておりました。

GONSYさんの返信と同じように操作してもブロックが動かなかったのですが、考え方を参考にして下記のようにすることで思ったようにスペースを狭めることができました。

ありがとうございました。

.wp-block-video {
margin-bottom: -80px;
}

♥ 2

いいねをした人:
投稿者

投稿