[ 解決済 ] 追加CSSで書いたCSSがきかなくなる現象

[かつお]

いつもお世話になります。
ワードプレス本体テーマが本日5.6にバージョンアップしました
そこで、テストサイトで、バージョンアップすると、カスタマイズ→追加CSSでいままで反映していたものが、反映されなくなりました。
exunitのCSSカスタマイズをつかうと反映されるのですが、できれば追加CSSで対応したいのですが、
良い方法はありますか
本体は現在wp-configのほうで自動アップデートを止めました。
よろしくお願いします

ちなみにすべてというわけではなく、一部です

[うなこ]

わたしのWP5.6の環境では、カスタマイズの追加CSSに記述したCSSは効いているようでした。

ちなみにすべてというわけではなく、一部です

こちらは、一部の追加CSSに記述したcssが効かないということでしょうか。
もし差し支えなければ、追加したCSSを添付できますか…？

[かつお]

ご連絡ありがとうございます。
ちなみになんですが、追加ではなく、そもそも反映していたものが、反映されなくなったということです。
アニメーションの中にいれたhtmlで入力した箇所のCSSが反映しなくなったということです

[うなこ]

症状を私の環境で再現させたいため、詳しくお聞きしてもいいでしょうか。

アニメーションの中にいれたhtmlで入力した箇所のCSSが反映しなくなったということです

アニメーションブロックを配置して、図のように「HTMLに変換」をして、その中に独自でCSSを入れたということでしょうか？

Attachments:

You must be logged in to view attached files.

[かつお]

いえ、そうではなくて
アニメーションブロックの中にカラムを設定し、そのカラムの中をHTMLで書いているという方法です

[かつお]

画像を添付します
１、5.6前　CSSがきいている
２、5.6後　追加CSSの一部がきかなくなる
３、5.6後　exunitのcssカスタマイズを使うと反映されると順序です
ご確認おねがいします

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

WordPress本体の機能である 追加CSS の出力順に変更があったのかなと思います。

該当URLと 追加CSS に貼り付けてあった追加のCSSを貼れますか？

[かつお]

ありがとうございます。
できれば個別対応をさせていただければと思います。
もちろん、ある程度解決出来たら、ここでシェアはしたいとおもっています

プライベートチケットを先月からご契約させていただいているのですが、今月はまだ使えないようなので

[石川＠Vektor,Inc.]

5.6前後での追加CSSとExUnitのCSSとの出力状況の関係性は僕の環境ではかわりありませんでした。
その他調査中ですので追ってまた状況書き込みいたします。

[石川＠Vektor,Inc.]

5.6でおかしくなったのはテストサイトでしょうか？
本番サイトでしょうか？
テストサイトと本番サイトが違うようでしたら一度テストサイトで不具合が発生している状態にしてみてください。

[うなこ]

かつおさん

本番で稼働中らしきサイトを見つけまして検証ツールで確認しましたところ、
今現在は カスタマイズ→追加CSS に追加されていますか？
といいますのも検証ツールで確認したところ、カスタマイズの追加CSSから出力されているようでした。

上記のこともふまえまして、カスタマイズの追加CSS のcssは正常に効いているように見えました。

ちょっと気になるところとしては .areaw　のところの閉じタグがちょっとおかしいところがありましたので
.areawの個所を以下のものに変更していただいてもいいでしょうか。

.areaw{
background-color:#fff;
padding:10px 20px 0;
display:block;
border-radius:15px;
border:3px solid #3B3B3B;
width:100%!important;
margin-left:auto;
margin-right:auto;
padding-bottom:0;
margin-bottom:0;
}

かつおさんの環境でまだ正常に表示されていないようでしたらお知らせください。

• この返信は3年、 4ヶ月前にうなこが編集しました。

[かつお]

石川様
ありがとうございます。
こちらは、テストサイトというか予備サイトになっています
本サイトは現在、自動でバージョンアップならないようにしています。
解決してからにしようと思っております。

うなこさま
ありがとうございます
再度確認しましたが、昨日の画像通りでの記載になっております。
ご指摘部分はかえてそれだけをexunitから追加CSSに転記して表示させましたが
結果としてはその箇所だけだめになりました

Attachments:

You must be logged in to view attached files.

[石川＠Vektor,Inc.]

直接確認したいのでテストサイトの方を症状の出ている状態にしていただけますでしょうか？

[かつお]

先ほどお見せしたのは画像ページの一部分でした
このページのものを追加CSSに保存しました。

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

[石川＠Vektor,Inc.]

ありがとうございます。確認の上改めて返信いたします。

[投稿者]

投稿