[ 解決済 ] カスタムブロック

[雅人石井]

■ 利用テーマとバージョン :最新Version

■ 質問内容：グリッドカラムで

.wp-block-vk-blocks-grid-column-item {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 3px;
padding-right: 3px;
}

と設定したのですが、上下の余白が添付ファイルのようにあるみたいです。
画像の縦横比を設定しなおす必要があるのでしょうか？
その場合、添付右下の184:200の画像を縦横比に変更すればできるのでしょうか？

参考URL

カードブロックでの画像表示乱れの対処法

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

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[雅人石井]

添付ファイルつけ忘れたので、添付いたします。

Attachments:

You must be logged in to view attached files.

[うなこ]

padding-bottom: 0px;にしているのにカラムの下に余白が入っている、ということであっていますか？

もしそうでしたら、カラムの中の画像自体に余白が入っておりますので、その余白を調整する必要があります。
以下のCSSでいかがでしょうか。数値はお好みの数値時変更してみてください。

.wp-block-image {
    margin-bottom: 6px;
}

もし質問の意図と違っておりましたら教えてください。

[雅人石井]

ありがとうございます。会計ついたしました。

[投稿者]

投稿