続けるくんさん

私は今時間がなく調べることはできませんが…。

HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1

お問い合わせの際には、上記はオフにしてください。
外部から調べることが困難です。

オフの仕方は以下をご参照ください。

高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

また、以下もお問い合わせの際にはオフにしてください。

LiteSpeed Cache 4.3

キャッシュが有効だと、最新の状態を確認できないことがあります。

以下プラグインはアンインストールすることをお勧めします。

Autoptimize 2.9.1

上に書いたCocoonの高速化と機能が重複しています。

圧縮済のものを、更に圧縮しても、意味はないです。
これにより、不具合が起きることがあります。

それらをオフなどにして、お待ちください。
他の方が調べてくださると思います。

私も時間ができれば、後程確認します。

今は上記のものが有効で、調べるのは困難でした。

@mk2_mk2 

ｍｋ２さん、ご回答ありがとうございます。

縮小化設定やプラグインで調べにくい状態になっているんですね。
お手数をおかけして申し訳ありません。

ご回答の内容を順番に試していたところ、プラグイン「Autoptimize」を無効化した段階で表示のズレが直りました。

ｍｋ２さんのおっしゃる通り、「Cocoonの高速化設定とAutoptimizeの重複」が起きており、表示ズレの原因になっていたのかもしれません。

「CSSの不具合が起きたらプラグインを無効化してみる」というのは以下の記事にも書いてあり、自分の確認不足でした。今後CSSの不具合が起きた場合は、まずは以下の内容を試してみます。

https://wp-cocoon.com/faq-css-trouble/

ｍｋ２さん、ありがとうございました。

前略、続けるくん

エントリーカードの見出しと、投稿日が重なってしまうのは、子テーマCSSファイルの823行目辺りにお書きになった以下のコードが原因です。

/*記事一覧表示の枠内下側の余白削除*/
.entry-card-content{
	padding-bottom:0;
}

続けるくん

上記を解決しようとして、

.entry-card-info .post-date{
margin: 2em;
padding: 2em;
}

としたのでは？

続けるくん

「Autoptimize」は無効化ではなく、削除をオススメします。

続けるくん

何らかの修正を行って、サイトの表示を確認する際は、プラグインの LiteSpeed Cache は停止しておくことをオススメします。

@leafytree 

リフィトリーさん、ご回答ありがとうございます。

───────────────────────────

＞＞エントリーカードの見出しと、投稿日が重なってしまうのは、子テーマCSSファイルの823行目辺りにお書きになった以下のコードが原因です。

/*記事一覧表示の枠内下側の余白削除*/
.entry-card-content{
	padding-bottom:0;
}

───────────────────────────

この点についても困っていたので助かりました。
わかりやすく動画まで載せていいただきありがとうございます！

───────────────────────────

＞＞上記を解決しようとして、

.entry-card-info .post-date{
margin: 2em;
padding: 2em;
}

としたのでは？

───────────────────────────

はい、まさにその通りです。
本来の原因とは違う部分で直そうとしたのも、よくなかったのかもしれません。

───────────────────────────

＞＞「Autoptimize」は無効化ではなく、削除をオススメします。
何らかの修正を行って、サイトの表示を確認する際は、プラグインの LiteSpeed Cache は停止しておくことをオススメします。

───────────────────────────

「Autoptimize」は、Cocoonとは相性が悪いのですね…
今後CSSでデザインを変える時は、LiteSpeed Cacheを停止してから行ってみます。

これで、無事に悩みが解決しました！

リフィトリーさん、ありがとうございました。

追記

「エントリーカードのタイトルと記事公開日の文字が重なる」件も解決しました。

同じ悩みを持つ方がいるかもしれないので、詳細を残します。

複数のエントリーカードが横に並んでいる時、「一番長いタイトル」を基準に、記事公開日の位置が決まるようです。
添付した画像を見て、自分は「左上のエントリーカードのタイトルと記事公開日の余白が広すぎる」と感じました。しかし、タイトルの長い中央のエントリーカードが基準となり、横一列の記事公開日の位置が決まるため、これが正しい表示です。

「CSSを元に戻してもデザインが元に戻らない現象」については、プラグイン「Autoptimize」を無効・削除。「LiteSpeed Cache（ほぼmixhostサーバー専用プラグイン）」を一時的に無効にすることで解決しました。

相談にお答えいただいたｍｋ２さん、リフィトリーさん。
改めて、ありがとうございました。