Question

想知道你是否可以提供帮助。

我想将插件中的社交媒体图标更改为我自己的图标。我不想更改插件源文件，这样我就可以在更新进来时继续更新插件。

我把它放在自定义css框中，但图像没有替换。任何线索为什么？

 #upme-icon-linkedin-sign {
     background-image: url("/wp-content/plugins/upme/css/images/linkedin.png");
 }

 #upme-icon-twitter {
     background-image: url("/wp-content/plugins/upme/css/images/twitter.png");
 }

以下是需要在http://tinyurl.com/pcnb3us

上更改的网页示例

如果有帮助，主题是使用FontAwesome作为当前图标吗？

提前致谢

我找到了答案 - 但是对于有10岁以下的REP的用户而言，我不能回答我自己的问题 - 所以发布在这里！

找到答案

 .upme-icon-linkedin-sign {
     position:relative;
 }    
 .upme-icon-linkedin-sign:before {
         position:absolute;
         content:url(/wp-content/plugins/upme/css/images/linkedin.png); 
     }

Answer 1

尝试

#upme-icon-twitter {
   background-image: url("../wp-content/plugins/upme/css/images/twitter.png");
}

检查图像时检查图像路径。

Answer 2

尝试这样的事情：

#upme-icon-twitter {
 background-image: url("../wp-content/plugins/upme/css/images/twitter.png");
}

或者这个：

#upme-icon-twitter {
 background-image: url("~/wp-content/plugins/upme/css/images/twitter.png");
}

我通常将项目拉入css文件，所以我得到整个路径，然后删除不必要的。

图像不能替换为css

2 个答案: