通过PHP向socmed小部件添加新的社交网络--显示错误的图标

通过PHP向socmed小部件添加新的社交网络--显示错误的图标,php,widget,social-media,wordpress,Php,Widget,Social Media,Wordpress,让我先为我的无知道歉;我从未近距离接触过PHP,而且我对Wordpress世界还很陌生 我用这个向社交媒体小部件添加了一个Pinterest选项。添加成功了,在小部件中给了我一个新的Pinterest选项。小部件在仪表板侧显示“Pinterest”,前端完美链接到Pinterest 问题是该网站显示的是Google+图标,而不是Pinterest图标。更奇怪的是,当您“检查元素”时,html指定了pinterest.png图标,但当然显示了Google+图标。我现在能做的就是挠头 任何帮助都将不

让我先为我的无知道歉;我从未近距离接触过PHP,而且我对Wordpress世界还很陌生

我用这个向社交媒体小部件添加了一个Pinterest选项。添加成功了,在小部件中给了我一个新的Pinterest选项。小部件在仪表板侧显示“Pinterest”,前端完美链接到Pinterest

问题是该网站显示的是Google+图标,而不是Pinterest图标。更奇怪的是,当您“检查元素”时,html指定了pinterest.png图标,但当然显示了Google+图标。我现在能做的就是挠头

任何帮助都将不胜感激。我甚至不确定我需要在这里包括什么:我编辑的整个php文件?网站的链接?我很乐意提供我所需要的一切


谢谢大家的帮助。

这里的情况是,图像隐藏在main-style.css的第56行:

Google+图标是通过一个伪元素添加的:在谁获得Google+图像正面后,添加一个图标字体:

.social.social__row li.social_li:last-child a .social_ico:after,
 .social__list li.social_li:last-child a .social_ico:after 
{ content:"\f0d5"; }
因此,您需要做的是为您的Pinterest图标添加其他css规则,类似于:

.social.social__row li.social_li a.social_link__pinterest .social_ico img {
    display: block !important;
}
.social.social__row li.social_li:last-child a.social_link__pinterest .social_ico:after {
    display: none;
}
我们应该做到这一点

更新

如果要使用字体Awesome Pinterest图标,请删除前面添加的两行,然后添加以下内容:

.social.social__row li.social_li:last-child a.social_link__pinterest .social_ico:after {
    content: "\f0d2";
}

你能分享一个链接吗?当然,瓦德。我假设你问的是该网站的链接,那么给你:。瓦德,非常感谢你慷慨的帮助。因此,我尝试添加您在上面给出的规则,但是当我检查元素时,该规则被拒绝,并且Google+图标仍然显示。我做错什么了吗?你在哪里加的规则?我在main-style.css中看不到它。虽然这可能是一个继承的问题,看看固定的规则。伙计,我只是不明白。现在我有两个图标显示。好吧,第二条规则有一个错误。请参阅更新的答案。我现在应该做了。我刚刚看到图标是从字体中提取出来的,我所做的只是上传了一个png。这也解释了为什么我的pinterest图标没有过渡效果。如何调出字体很棒的Pinterest图标?我知道这里的问题只是我自己的无知,我真的很感谢你对我的宽容。
.social.social__row li.social_li:last-child a.social_link__pinterest .social_ico:after {
    content: "\f0d2";
}