2016-03-25 53 views
-1

如何在wordpress中更改:: after對象的Unicode? 我試圖在CSS中做它,它只是將unicode代碼而不是圖標歸爲?如何在wordpress中更改:: after對象的Unicode?

原始代碼是這樣的:

.x-navbar .desktop .x-nav li>a>span:after { 
    content: "\f103"; 
    margin-left: 0.35em; 
    font-family: "FontAwesome" !important; 
    font-style: normal !important; 
    font-weight: normal !important; 
    text-decoration: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

我更新它是這樣的代碼。我曾嘗試使用!重要的;在Unicode行和沒有運氣的結束標記,所以我把說出來......

x-navbar .desktop .x-nav li>a>span:after { 
    content: "f0d7"; 
    margin-left: 0.35em; 
    font-size: 16px; 
    font-family: "FontAwesome" !important; 
    font-style: normal !important; 
    font-weight: normal !important; 
    text-decoration: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    color: rgba(82, 76, 76, 0.43); 
    -moz-osx-font-smoothing: grayscale; 
} 

這是我下面的DIV網站。

http://wvleadership.cyndeeadkins.com/

那我做錯了,爲什麼會這樣很難過程嗎?

+0

我注意到我在網站上的代碼我有內容:「\ f0d7」; 但是當它在線呈現時,它將代碼呈現爲內容:「f0d7」; ??它爲什麼這樣做? – Tyrii

+1

'「f0d7」'和'「\ f0d7」'不一樣......「這可能是一個緩存問題。我不知道你在哪裏/如何改變它,所以它可能是一些東西正在剝離反斜槓... – rnevius

+0

@ rnevius,是的,我知道他們是不一樣的。我在我的代碼中添加了\,但正如你所說,有些東西正在剝離它。任何想法可以做到這一點? – Tyrii

回答

0

所以我終於明白了爲什麼它會從代碼中刪除「\」。我終於得到了wordpress主題開發人員的迴應。對於處理上述問題的其他人來說,這將很好。

總共有兩個問題。 #1問題:我正在保存這個css代碼在 「customizer」中的自定義css部分,它顯然不喜歡那樣。您需要將其保存在child-theme的style.css文件中。

2問題:我需要在字符串中添加更多的代碼,在開頭添加「body」。

body .x-navbar .desktop .x-nav li>a>span:after { 
content: "\f0ab"; 

}

我更新了子主題的css文件,然後刷新緩存和它的工作。 :D