用Wordpress中的图标替换菜单项

时间:2015-08-10 23:34:46

标签: html css

我有一个通过Wordpress管理员控制的菜单,我想创建一个使用字体真棒图标的链接。我知道如何在菜单项中添加自定义css,但不知道如何让它显示图标而不是文本名称(在导航标签中)

编辑 -

enter image description here

我有一个.login和

.login {
  font-family: 'fontawesome';
  display: block;
  content: '\f077';
}

但没有显示

1 个答案:

答案 0 :(得分:0)

如果您想要使用CSS插入FontAwesome图像(而不是使用HTML <i class="fa">系统,那么您需要使用如下代码段:

#myMenuItemIcon{
   font-family: 'FontAwesome';
   content: '\f19a';
}

content设置来自主网站上的Icon Page。使用等效的unicode(在此实例中为f19a)并将其设置为元素的内容。

如果不了解/了解有关菜单CSS的更多信息,我无法提供更详细或具体的答案。