記事一覧でマウスオーバー時にフィルター...
 
通知
すべてクリア

[解決済] 記事一覧でマウスオーバー時にフィルターのような効果を解除する方法

5 投稿
2 ユーザー
1 Reactions
36 表示
朝羽根
(@asabane)
投稿: 5
Active Member
トピックスターター
 

トップページの記事一覧で、記事のサムネイル?にマウスカーソルを合わせると、フィルターが掛かったように暗くなりますが、この効果を解除するにはどうしたらよいでしょうか?

XWRITEバージョン
2.8.8
WordPressバージョン
6.7.1
PHPバージョン
8.2.22
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2024年12月6日 10:15 PM
朝羽根
(@asabane)
投稿: 5
Active Member
トピックスターター
 

追加CSSに

a.has-post-thumbnail {
	transition:0s;
	padding:0px 0px 8px 0px;
	border-bottom:solid 3px rgba(0,0,0,0);
}
a.has-post-thumbnail:hover {
	transform:none;
	filter:none;
	opacity:1;
	padding:0px 0px 8px 0px;
	border-bottom:solid 3px #ff9900;
}

を追加してみましたが、フィルターが掛かったように暗くなる効果に変わりはありませんでした。

 
投稿済 : 2024年12月7日 7:29 AM
ito_h
(@ito_h)
投稿: 460
Honorable Member Moderator
 

@asabane さま

ご質問いただきありがとうございます。

お手数ではございますが、以下のCSSを追記してご確認いただけますでしょうか?

.articleList .xw-article-media:hover{
	opacity:1;
}

.article-list .xw-article-media:hover{
	opacity:1;
}

 

今後検討しているXWRITEのアップデートの影響を受ける可能性がありますが、

上記の内容であれば安心してご利用いただけるのではないかと思います。

 

ご不明な点がございましたら、お気軽にご返信いただけると嬉しいです 😊 

 

 
投稿済 : 2024年12月9日 7:00 PM
朝羽根 reacted
朝羽根
(@asabane)
投稿: 5
Active Member
トピックスターター
 

ご回答頂きありがとうございます。

ご提示のCSSを追加しました所、フィルターのような効果を解除することができました。
とても助かりました。
ありがとうございます。

 
投稿済 : 2024年12月11日 5:03 AM
ito_h
(@ito_h)
投稿: 460
Honorable Member Moderator
 

ご返信いただきありがとうございます 😊 

また何かございましたらお気軽にトピックを立てていただけると嬉しいです。

こちらのトピックは解決済みとしてクローズさせていただきます。

 
投稿済 : 2024年12月11日 6:50 PM
共有: