Enfold去除列表页悬浮图标和文字

0

相信很多人购买Enfold主题都是看中了它的简洁大气,尤其是它的新版演示站2017,比如下面列表页就非常的简洁

enfold演示站文章样式

但是当我们自己制作出来网页后,却发现完全不同,就像下面的博客,鼠标一动,到处是悬浮图标和文字

enfold悬浮图标和文字

因为主题选项中并未提供这些设置,所以我们将采用代码方法去除Enfold悬浮图标和文字

 

去除Enfold图片悬浮图标

图标的去除其实很简单,可以使用一段CSS代码解决

我们Enfold面板,选择General Styling,可以看到最底部有一个Quick CSS选项,我们输入下面的代码

.image-overlay-inside{ display:none !important;}

enfold添加CSS代码这样悬浮图标就去掉了

enfold去掉悬浮图标

 

去除图片悬浮文字

提醒:如果我们查看源码的话,可以发现悬浮文字是一个title元素,所以说将title标签去掉就可以了,不过这样可能会对seo有一些影响,如果不是特殊需求的话没必要使用

去除悬浮文字需要使用php代码,外观 – 编辑 – functions.php

添加如下代码

function remove_title_attr(){
?>
<script>
jQuery(window).load(function(){
jQuery('#wrap_all a').removeAttr('title');
jQuery('#wrap_all img').removeAttr('title');
});
</script>
<?php
}
add_action('wp_footer', 'remove_title_attr');

因为涉及到代码修改,建议使用Enfold子主题

enfold子主题编辑php代码

最后的效果

enfold去掉了悬浮图标和文字

留言

请输入你的评论
请输入你的昵称