在菜单A标记内添加字体好用的图标

时间:2019-01-02 作者:bldingbloks

我正在使用下划线的裸体主题,并制作了第二个菜单,我在菜单导航标签的可选CSS类中添加了字体很棒的类,以生成标签文本旁边的图标,这是所需的。

然而,我注意到,图标本身作为菜单li标记的一部分出现在a标记开始之前,而标签本身出现在a标记内部。这是有问题的,因为我的目标是一个字体很棒的菜单,我可以很容易地从后端调整,为此,我需要图标可以点击,我需要导航标签文本不出现在前端。

因此,我的问题是如何将图标移动到a标记内部而不是外部,以及如何确保导航标签文本不出现在前端?我不是一个程序员,但是,我只是在这里和那里涉猎,任何帮助将不胜感激。

编辑字体awesme图标显示为li css类的一部分,但仍在类之外

可能的解决方案是从li类中检索font awesome类并将其添加到菜单的a类中?字体awesome类显示为li类列出的第一个类。

下面是菜单的前端源代码-

<div class="custom-menu-class">
<ul id="menu-socials" class="menu">
<li id="menu-item-86" class="fab fa-youtube menu-item menu-item-type-custom-menu-item-object-custom menu-item-86">
::beofre
<a target="_blank" href="http://www.youtube.com/user/channel">YouTube</a>

1 个回复
最合适的回答,由SO网友:Jose Guerra 整理而成

我过去尝试过的是将带有类名的字体可怕代码放在标签字段中,并删除任何当前标签。过去,这对我来说很有效,而不是使用可选的class字段。我最近没有尝试过,所以我不确定这是否仍然有效。

例如,以下代码将放置在标签中。

<i class="far fa-address-card"></i>

相关推荐

为什么我的主题的css在另一个网站上不起作用

我在Neve theme的基础上开发我的on theme。首先,我对脚本有问题,因为它不起作用,但我不得不从页脚更改它们的位置。php到标题。php的一切都很好。新的一些脚本无法工作,因为css根本没有加载。我尝试了5种不同的方法,但都失败了。标题中的。php我只是给他们<style> </style></我在函数中使用了寄存器样式。php,标题。php和页脚。php function my_theme_enqueue_styles() { &#x