替换Glyphicons图标或添加一些新图标

时间:2014-12-28 17:48:32

标签: css wordpress

当我查找主题文件时,它在 / wp-content / plugins / nhpoptions / img / glyphicons 中有一个名为 glyphicons 的文件夹,此文件夹有png图像命名为glyphicons_000_glass.png等等,直到glyphicons_349_readability.png,我认为这太简单了,我只需要用我自己的图像替换图像,所以我重命名了我的图像glyphicons_349_readability.png并替换了旧图像但是这并没有解决它。仍然出现相同的图标。请告诉我我错过了什么,  这是目录的截图

Screenshot

测试站点链接= http://test.yoapp.nl/ 主题= http://themeforest.net/item/couponer-coupons-discounts-wp-theme/8322172 ***** UPDATE ***** 在主题中有一个名为font-awesome.min.css的文件,它有从字体中添加的图标很棒,现在我想出来从字体中添加更多图标真棒,但我仍然坚持添加自己的图标。

1 个答案:

答案 0 :(得分:0)

主题的作者使用CSS在style.css文件中使用font-family和content属性嵌入图标。例如:

style.css - 第713行

.filter-tabs ul.nav-tabs li.active:before {
    font-family: 'FontAwesome';
    font-size: 32px;
    color: #24b6ac;
    content: '\f0d7'; /* This refers to fa-caret-down */
    position: absolute;
    bottom: -14px;
    left: 47%;
}

并且

a.btn-top:before {
    font-family: "FontAwesome";
    font-size: 31px;
    content: "\f0da"; /* refers to fa-caret-right */
    position: absolute;
    left: 14px;
    color: #fff;
    top: 128px;
}

这些可以在style.css文件中找到。还有4个实例,你可以自己追踪我确定。这可以通过将font-family属性设置为Font-Awesome并设置content属性的unicode来完成。您可以在此处查看完整的图标列表,包括其类和unicode:http://fortawesome.github.io/Font-Awesome/cheatsheet/