Font Awesome İkonunu Menü Metninin Sağına Eklemek

19-07-2019, 11:38:52

Merhaba arkadaşlar,

CSS tarafında biraz takıldım. Sitemizde font awesome yüklüdür. WP kullanıyoruz. Menüye ikon eklemek ve bu ikonu metinden sonraya getirmek istiyoruz. Bunun için bir iki yöntem buldum sayılır ama bitiremedim. Birisi yardım edebilir mi? WP'de menüye css sınıflarından ikon eklemeyi biliyorum. Ancak bu ikonu metnin sonrasına alamadım. İşin tuhafı ikon ekleyince alt menü ögelerinde de CSS tarafında bir bozulma yaşanmaktadır.

Basit bir after koduna ihtiyacım olduğunu düşünüyorum. Ancak ücretli bir durum gerekiyorsa ücretini de verebilirim. Site adresini konuya yorum yazarsanız gönderebilirim.

19-07-2019, 11:47:45

#2

VektorMedya

Menu kısımından manuel menu oluşturun, menu ismini kullanduğınız kısımların başına yada sonuna ikon kodlarını ekleyin olması gerek

19-07-2019, 11:52:07

#3

alpidev

Ekleyeceğiniz CSS:

.site-navigation .menu-item.fa-chevron-down {
line-height: 1.62857;
}

.site-navigation .menu-item.fa-chevron-down:before {
top: 8px;
position: relative;
margin-right: 5px;
float: right;
}

19-07-2019, 12:06:44

#4

suhamete

VektorMedya adlı üyeden alıntı: mesajı görüntüle

Menu kısımından manuel menu oluşturun, menu ismini kullanduğınız kısımların başına yada sonuna ikon kodlarını ekleyin olması gerek

Sanmıyorum hocam ya açıkçası

alpidev adlı üyeden alıntı: mesajı görüntüle

Ekleyeceğiniz CSS:

.site-navigation .menu-item.fa-chevron-down {
line-height: 1.62857;
}

.site-navigation .menu-item.fa-chevron-down:before {
top: 8px;
position: relative;
margin-right: 5px;
float: right;
}

Bunun üzerine bir tane daha isteğime çok hızlı şekilde dönüş yaptınız, çok teşekkür ederim hocam

Çok memnun oldum ve bu konuyu öğrenmiş olduk. Bundan sonrakilerde artık buraya dönüp dönüp kullanılırım bu kodu