凄い！粘り勝ちですね＾＾

.entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #555d66;
	position: static;
	height: auto; /*これも要らないかも*/
	padding: 0;
	background: transparent;
	text-align: left;
	font-size: 18px;
}

.entry-content .wp-block-gallery,
.entry-content .wp-block-gallery .blocks-gallery-image,
.entry-content .wp-block-gallery .blocks-gallery-item {
	display: block;
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
	.entry-content .wp-block-gallery .blocks-gallery-image figure,
	.entry-content .wp-block-gallery .blocks-gallery-item figure { 
		display: block;
	}
}

kazusunさんのコードで重複のあるところと!importantを書かないように。ってことだけチェックしてみました。

お疲れさまでした❦

.wp-block-gallery .blocks-gallery-item figcaption {
bottom: -70px !important;
padding: 0 !important;
color: #333 !important;
background: transparent !important;
text-align: left !important;
font-size: 18px !important;
}

.wp-block-image figcaption {
font-size: 18px !important;
text-align: left !important;
}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
margin-top: .5em !important;
margin-bottom: 1em !important;
color: #555d66 !important;
position: static !important;
height: auto !important;
padding: 0 !important;
background: transparent !important;
}

.wp-block-gallery, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item
 {
 display: block !important;
 }

@supports ((position:-webkit-sticky) or (position:sticky)) {
 .wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{ 
display: block !important;
} }

https://lavinne.com/2019/06/05/test/

これでキャプションの行数が変わってもフレキシブルに表示されそうです。
今のところモバイルも問題なさそうです。

テストURLは2～3日で削除します。
かうたっくさん、気長にお付き合いくださってありがとうございます<(_ _)>

また何かありましたらご教示ください。

800pxでおかしくなる場合

@media screen and (min-width: 800px) {
	.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
		bottom: -70px;
		padding: 0;
	}
	.entry-content .wp-block-gallery.columns-1.is-cropped,
	.entry-content .wp-block-gallery.columns-1.is-cropped .blocks-gallery-item {
		margin-bottom: 70px;
	}

}

こんな感じで数値の調整とか。※例として。

500pxでおかしくなれば、500に。

(min-width: 500px)

コンテンツによってかわるんで、先に作ったほうが良い気もしますけど、色々試してみようとおもわれるのであればそれはそれで＾＾

あとはモバイルにしたときですね。幅が狭くなると文字列が長くなるので調整が必要ってわけです。そこを考慮したうえでstyleを有効にするかどうか問題。

そんなに多くの文字を入れることはないので、モバイルでの問題はさほど考えてはいません。

いずれにしても、文字と画像がかぶってしまう問題はどうにかして解決しないとサイト作成ができないので、もう少し四苦八苦してみます。

ありがとうございます。

現時点での問題は、figcaptionが複数行になったときに文字と下の画像がだぶってしまうことです。

そうなんですよね。

あとはモバイルにしたときですね。幅が狭くなると文字列が長くなるので調整が必要ってわけです。そこを考慮したうえでstyleを有効にするかどうか問題。

もしくは文字列を気を付けてまでやるべき事か。ってことが問題点ですかね

wp-block-library-cssのほう：WordPressのCSSのほうが、親子テーマより優先順位が高かったんでした。

.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
	bottom: -70px;
	padding: 0;
	color: #333;
	background: transparent;
	text-align: left;
	font-size: 18px;
}

.entry-content .wp-block-gallery.columns-1.is-cropped,
.entry-content .wp-block-gallery.columns-1.is-cropped .blocks-gallery-item {
	margin-bottom: 70px;
}

.entry-content .wp-block-image figcaption {
	font-size: 18px;
	text-align: left;
}

元々の相談内容は

ギャラリーのfigcaptionが画像内に記述されるので、通常の画像のfigcaptionと同じように画像の下に文字を表示したい。
https://lavinne.com/2019/06/05/test/

現在は子テーマのCSSに

.wp-block-gallery .blocks-gallery-item figcaption {
bottom: -70px !important;
padding: 0 !important;
color: #333 !important;
background: transparent !important;
text-align: left !important;
font-size: 18px !important;
}

.wp-block-gallery.columns-1.is-cropped,
.wp-block-gallery.columns-1.is-cropped .blocks-gallery-item {
margin-bottom: 70px !important;
}

.wp-block-image figcaption {
font-size: 18px !important;
text-align: left !important;
}

を付け加えています。

現時点での問題は、figcaptionが複数行になったときに文字と下の画像がだぶってしまうことです。

少し前進しました！('◇')ゞ

お手数かけますがよろしくお願いします ? 

スクショとるのをわすれてたのと、前と状態が違っているのでそうなってるんだな。って思ってます。

以下の書き込みを見ずにお返事していました。

ご指示の通り、今から再度試してみたいと思います。

スクショとるのをわすれてたのと、前と状態が違っているのでそうなってるんだな。って思ってます。

前と状態が違うとは何を指していらっしゃるのでしょうか？

以前とHTMLがちがってましたよ。ulに囲まれたliタグが1つだった。という認識ですよ❦

あとCSSが反映しない原因は色々あるんですね。お時間があるときにでも、冒頭にある案内をご覧いただけますか。

見ても不明な場合、説明させていただきますね＾＾