如何解决在Wordpress Gallery中查找和删除灰度效果
我一整天都在动脑筋,但仍然找不到解决方法!
URL:http://wmy.2ec.myftpupload.com/gallery/
我想从“图库”缩略图中删除灰度效果,我尝试搜索CSS代码,PHP代码,无济于事。
解决方法
我将引导您完成诊断过程。右键单击要调试的元素,然后选择检查。
,打开DevTools。点击DOM树,直到找到一个看起来具有您要调整的CSS属性的元素。
在您的情况下,它相对简单一些,img
标签设置了filter: grayscale(1)
属性:
如果您使用的是Child Theme,则很可能可以编辑CSS文件的这一行,然后就完成了!
如果您不是,或者不确定,则可以在网站的外观>自定义>其他CSS 部分(或主题/插件允许您访问的其他位置)中添加CSS放置CSS或“标题脚本”)
您需要一些带有higher specificity的CSS才能覆盖该CSS。通常,您只需复制突出显示的选择器并在其前面添加body
,或在存在的位置添加ID。除非绝对必要,否则请避免使用!important
(重写内联样式或其他无法删除的内置!importants
)。
添加
body .tm-pg_front_gallery .tm-pg_front_gallery-masonry .tm_pg_gallery-item a img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
或
body .tm-pg_front_gallery .tm-pg_front_gallery-masonry .tm_pg_gallery-item a img,body .tm-pg_front_gallery .tm-pg_front_gallery-grid .tm_pg_gallery-item a img,body .tm-pg_front_gallery .tm-pg_front_gallery-justify .tm_pg_gallery-item a img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。