Question

我想从我的页面中仅删除instagram图标

image of icons before putting code in child theme

但是当我把这段代码放在engima（style.css）的子主题

中时

.social li.facebook {
 display: none
         }

它也将删除facebook图标。

image of icons after putting code in child theme

两者在主题中都有相同的类名

<li class="facebook" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Facebook"><a href="#"><i class="fa fa-facebook"></i></a>

<li class="facebook" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="instagram"><a href="#"><i class="fa fa-instagram"></i></a>

Answer 1

您应该将Instagram徽标的类更改为instagram。然后使用这个css代码：

.social li.instagram {
    display: none;
}

如果您不想更改班级名称（我不建议），您可以使用：

.social li.facebook:nth-child(2) {
    display:none;
}

Answer 2

您不应该使用任何CSS来删除图标。主题检查是否在主题选项中设置了社交网络的值，如果是，则主题将显示该图标。如果该选项为空白，则主题不会显示该图标。

按照以下步骤更改主题选项

登录管理区域
导航至外观＆gt;在左侧边栏中自定义
展开左侧边栏中的主题选项
在左侧边栏中打开社交选项
滚动到instragram字段并删除文本框中的任何文本它是空白的
完成更改后，请点击蓝色保存并发布 侧边栏菜单顶部的按钮。

这是在Enigma Theme 2.4.2

wordpress ENGIMA主题 - 删除社交媒体图标

2 个答案: