2016-03-25 23 views
-1

Wordpress'te bir :: after nesnesinin Unicode'u nasıl değiştirilir? Bunu css'de yapmayı denedim ve sadece simge yerine unicode kodunu çekti?Wordpress'te bir :: after nesnesinin Unicode'u nasıl değiştirilir?

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

Ve bu güncellemiş kodu:

orijinal kod budur. Ben bir önemli kullanmayı denedim; unicode hattı ve hiçbir şans ucunda etiketi, bu yüzden ... o çıkardı

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

Bu aşağıda benim div sitesidir.

http://wvleadership.cyndeeadkins.com/

Yani ne yanlış yapıyorum ve neden bu yolculuğu üzerinde çok mu zor?

+0

İçeriğimdeki kodumda şunu fark ettim: "\ f0d7"; ancak çevrimiçi olduğunda, kodu içerik olarak oluşturur: "f0d7"; ?? Neden bunu yapıyor? – Tyrii

+1

'f0d7' ',' \ f0d7 '' ile aynı değil ... Bu bir önbellek sorunu olabilir. Nerede/nasıl değiştirdiğinizden emin değilim, bu yüzden bir şey ters eğik çizgi sıyrılıyor olabilir ... – rnevius

+0

@rnevius, evet onların aynı olmadığını biliyorum. Kodumu ekledim, ama dediğin gibi, bir şey onu soydu. Ne yapabileceği hakkında bir fikrin var mı? – Tyrii

cevap

0

Nihayet kodun neden "\" değerini düşürdüğünü öğrendim. Sonunda, wordpress tema geliştiricisinden bir yanıt aldım. Bu, yukarıdaki gibi bir sorunu ele alan herkes için bilmek güzel olacaktır.

Hep birlikte iki sorun vardı. # 1 issue: Bu css kodunu "customizer" içindeki özel css bölümüne kaydediyordum ve görünüşe göre bunu sevmiyor. Bunun yerine, çocuk temalarının style.css dosyasına kaydetmeniz gerekir.

2 issue: Dizeye "body" ekleyerek biraz daha fazla kod eklemem gerekiyordu.

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

} Çocuklara tema css dosyası güncellendi

ardından önbelleğe alma yenilenir ve işe yaradı. : D

İlgili konular