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

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

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

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

 

去除Enfold图片悬浮图标

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

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

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

这样悬浮图标就去掉了

 

去除图片悬浮文字

提醒：如果我们查看源码的话，可以发现悬浮文字是一个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子主题

最后的效果