[ 質問者返信待ち ] 「PR バナー カラムメニューフィット_工務店」がWordPressバージョンアップしたらカバーの透明度やホバー時のアニメーションが機能しなくなりました
[ 質問者返信待ち ] 「PR バナー カラムメニューフィット_工務店」がWordPressバージョンアップしたらカバーの透明度やホバー時のアニメーションが機能しなくなりました
- このトピックには19件の返信、3人の参加者があり、最後に
により1週前に更新されました。
-
投稿
-
まず、以前新規作成した固定ページに
を貼り付けたら動くという返信をいただきました。
その上で、
> 1. トップページの固定ページの内容を新規固定ページにペースト
> 2. カラムバナーの部分を削除して、パターンから貼り付けなおし
> 3. その固定ページでホバーアニメーションが正常に動作するか確認これが動かないという事は、トップページの固定ページの内容が何かしら不具合を引き起こしている可能性が高いです。
先に 新規固定ページにカラムバナーを貼り付けて、動く事を確認した上で、
トップページに配置している他のセクションのブロックを順番に追加していって、
カラムバナーが動かなくなるポイントをさぐってみてください。「正常に表示動作されてない(Home)」と「以前新規作成した固定ページにを貼り付けたら動く」ページのcssをデベロッパーツールで比較してみました。
「正常に表示動作されてない(Home)」の該当クラスが.vk_custom_css_16になっているのに対し、「以前新規作成した固定ページにを貼り付けたら動く」の該当クラスは.vk_custom_css_10になっておりました。
実際.vk_custom_css_10にはcssコードが適しておりまして表示動作しております。※下記にURLと画像添付いたします。
https://demo2.lc-sampleyokohama123.xyz/ (.vk_custom_css_16)
https://demo2.lc-sampleyokohama123.xyz/service/ (.vk_custom_css_10)こちらは干渉とかで変わることがございますでしょうか？
すみません。URLリンクが不適格でしたので再度送信します。
※下記にURLと画像添付いたします。
(.vk_custom_css_16)https://demo2.lc-sampleyokohama123.xyz/service/
(.vk_custom_css_10).vk_custom_css_** の番号は自動的に割り振られますので、そこが他のページに貼り付けた時に異なるのは本質的な原因とは異なります。
「新規固定ページにカラム単体をパターンサイトからコピペして動く」という状態から、
他のトップページの要素を追加していって動かなくなるポイントを探ってください。おそらくですが、下記ページの「ブロックのインナー部分に対してCSSを書く場合
WordPressのバージョンアップでブロックの構成が変わることがありますので、カスタムCSSに限らず、ブロックの中のインナー部分に対してCSSを書く場合は注意が必要です。」
が該当していたのかと思われます。実際にカスタムcssに書かれていたコードのselectorを外し、子テーマのcssファイルに書いてみたら改善されました。
- このトピックに返信するにはログインが必要です。
