Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
マウスホバーエフェクトの無効化について
 
通知
すべてクリア

マウスホバーエフェクトの無効化について

5 投稿
3 ユーザー
0 Likes
166 表示
kotaro.y.0304@gmail.com
(@kotaro-y-0304gmail-com)
投稿: 6
メンバー
Topic starter
 

リンクを設定している画像にマウスをホバーした際のエフェクト(薄く青くなる)が出ないように無効化したいです。

エフェクトが出ないようにする方法はあるでしょうか?

お分かりの方がいらっしゃいましたら、ご教授いただけますと幸いです。

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
6.7.1
OS
iPhone
利用中のWordPressバージョン
6.7.1
利用中のプラグイン一覧

なし

 
投稿済 : 24/01/2025 5:11 pm
しらこ
(@96ssbike)
投稿: 953
メンバー
 

確かにリンク貼った画像はマウスホバーしたら薄くはなりますが、色は青でしたっけ?

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/

 
投稿済 : 25/01/2025 1:10 pm
kotaro.y.0304@gmail.com
(@kotaro-y-0304gmail-com)
投稿: 6
メンバー
Topic starter
 

@96ssbike 

はい。私のサイトでは薄い青のエフェクトがかかっているようです。

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

 
投稿済 : 26/01/2025 10:34 am
サブロ
(@windorz)
投稿: 174
メンバー
 

見たところ画像のリンクだけで良さそうですので、以下のコードでhover時のエフェクトは消えると思います。

.wp-block-image a:hover {
    opacity: 1;
}
 
投稿済 : 28/01/2025 3:33 am
kotaro.y.0304@gmail.com
(@kotaro-y-0304gmail-com)
投稿: 6
メンバー
Topic starter
 

@windorz 

こちらのコードを入力したところ、解決しました!

非常に助かりました。

ご回答いただき誠にありがとうございました!

 
投稿済 : 28/01/2025 10:19 pm
共有: