我正在使用ThemeForest中使用圖標字體的主題。在CSS文件,我看到一個@字體面導入的字體,因此所有圖標的列表:如何使用CSS更改圖標字體的顏色
.socials li.social-lastfm a:before,
.socials li.social-soundcloud a:before {
font-family: 'icomoon-essential';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
color: green;
-webkit-font-smoothing: antialiased;
}
在這個例子中有幾個圖標,但所有我對圖標主題只有其中一個變成了綠色。我已經爲這個CSS添加了新的規則,包括.socials li.social-twitter a:之前等。
即使添加了規則,圖標的顏色也不會改變。當我使用WordPress時,我進入後端以確定是否可以通過某種插件更改圖標。爲了我的死亡,我找不到解決方案。
如果您知道我可以解決問題的方法,請告訴我。
你使用的是什麼主題,也許有一個演示版本可以讓我們看到它的存在? – MNilson 2013-03-25 13:34:06
這些圖標只是一種自定義字體,所以上面的CSS會將「顏色」正確設置爲綠色。如果它沒有像你期望的那樣顯示出來,也許你在其他地方有一些重寫這個的樣式。嘗試縮小範圍,以便您可以在jsFiddle之類的東西中創建一個示例,其中顯示了問題的最簡單版本。 – CherryFlavourPez 2013-03-25 13:34:40
你試過類似顏色的東西:紅色;而不是顏色:綠色;? – aNewStart847 2013-03-25 13:43:07