3mcdt

shokun0803さん

お陰様で出来ました。

Lightninngの種類によってはコードが違うこともあるのですね。どうもまだデベロッパーツールの見方が十分出来てないです。

丁寧なご指導をありがとうございました。

shokun0803さん、大変参考になりました。ありがとうございました。

以下の追加CSSを試してみましたがうまく行きません。どこに問題があるのでしょうか。

page-id-1738 .wp-block-image {
margin-bottom: 0;
}

shokun0803さん

詳しい説明をありがとうございます。
試してみましたが、「該当のページに適用する」というところを自分なりにいくつかやってはみましたが、知識が少なくて出来ませんでした。

今、試している別のやり方は、クラシックエディターで画像を挿入し、その下に説明文を書き、その文に背景色を付けるというものです。これだと画像と説明文の上下の隙間は調節し易いです。ただ、文を左寄せにはできるものの、画像のタイトルだけを中央に置こうとしてもレスポンシブルにならず。PCとタブレットで位置が変わってしまうので、タイトルも左寄せで我慢せざるを得ないです。この問題は段落ブロックを使うやり方でも同じではあります。

それはともかく、ご協力に感謝します。

自分で解決できました。今までは、画像をアップしてから画像を選んで「編集」機能でキャプションを書いていました。それを、メディアライブラリーの中でキャプションを書いてからアップしたら問題無く挿入できました。

やり方によって違いがでるのですね。

出来ました！！！
ページ属性で順序を決めた上で、ウィジェットの設定でページ順序を選ぶのですね。そこの関係に気が付きませんでした。何時も本当にありがとうございます。

ishitaka様、ありがとうございます。

CSSを追加してパディイングを調整することが出来ました。私はマージンとパディングを取り違えていたようです。

これまでCSSが何処に書いてあるかが分かっていませんでしたが、ようやく理解出来ました。また、CSSをコピーした上で値を書き換えたものを追加CSSするというやり方が分かりました。

追加の質問ですが、元々のCSSは以下の通りで、今回追加CSSをしたのはstyleタブの上から2段目の@media (min-width: 992px)のものでした。またこのパディング値には、取り消し線が（ここでは書けないのですが）元々引いてありました。何故1段目ではなくて、この2段目を使ったのでしょうか？

@media (min-width: 1200px)
style.css?ver=13.8.11:1
.siteContent {
padding: 3.5rem 0 4rem;
}

@media (min-width: 992px)
style.css?ver=13.8.11:1
.siteContent {
  padding: 3rem 0 3.5rem;
}