こんにちは
Bootstrap 対応のテーマなので、カバーブロックのテキスト（段落ブロック）の「追加 CSS クラス」に「mb-0」を追加すると下の余白（マージン）がなくなります。
また、VK Blocks プラグインをお使いでしたらブロックの余白から設定することもできます。
https://www.vektor-inc.co.jp/product-update/vk-blocks-1-29-0-block-margin-setting-add/
いつもお世話になります。
やってみたところ、確かに効果がありました。しかし、ベースの画像の高さが１３４ｐｘしかないので、まだ下端まではスペースがあります。できればあと１０ｐｘほど下げたいところですが、可能でしょうか。因みにVX Blocksは導入しました。
一方で、ネット情報で、画像の下に書くキャプションを画像の下端の内側に表示させる方法を見つけて、
固定ページのExUnitでCSS追加して試してみましたが、何も効果がありませんでした。書き方が間違っているのでしょうか。
.wp-block-image figure {
position: relative; } .cf .wp-block-image figcaption {
position: absolute;
bottom: 0;
margin-bottom: 10px;
padding: 2px 16px;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 16px;
transition: 1s all;
}
以上よろしくお願いいたします。
やってみたところ、確かに効果がありました。しかし、ベースの画像の高さが１３４ｐｘしかないので、まだ下端まではスペースがあります。
カバーブロックのパディング分だと思います。パディングを0にしてみてはどうでしょうか。
出来ました！
カバーブロックの設定のテキストの「追加 CSS クラス」に「mb-0」の代わりに「pb-0」を入れたら下端まで下がり、「pb-2」で丁度よい高さになりました。ありがとうございます。おかげ様でもやもやしていたものが一気に吹き飛びました。
