添加新的社交网络,通过PHP插件socmed - 错误图标显示(Adding new social

2019-10-23 05:36发布

让我道歉提前为我的无知; 我从来没有真正看到PHP近距离和我真的很新的WordPress的世界......

我用这增加了Pinterest的选项,以社交媒体小部件的教程 。 加入工作,让我在widget新的Pinterest的选项。 小部件表示,在仪表盘上侧和链接“Pinterest的”完美Pinterest的在前端。

问题是,该网站显示的Google+图标,而不是一个Pinterest的图标。 什么甚至离奇的是,当你检查元素“的HTML被指定pinterest.png图标,但是,当然,显示的Google+图标。 我所能做的,只能是在这一点上帮我的头......

任何帮助,将不胜感激。 我甚至不知道我需要在这里包括:我编辑了整个PHP文件? 链接到网站? 我很高兴能提供什么,我需要。

感谢您的帮助,伙计们。

Answer 1:

那么,什么是怎么回事是图像被隐藏在56线main-style.css

.social.social__row li.social_li a .social_ico img,
.social__list li.social_li a .social_ico img
{ display:none !important; }

(和的Google+图标通过伪元素加入:after谁得到了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"; }

所以,你需要做的是添加其他的CSS规则的Pinterest的图标,这样的事情:

.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;
}

应该做的伎俩。

UPDATE

如果你要使用的字体真棒Pinterest的图标,删除我们之前增加了两行,并添加此:

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


文章来源: Adding new social network to socmed widget through PHP — Wrong icon showing