我正在使用下划线的裸体主题,并制作了第二个菜单,我在菜单导航标签的可选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>
最合适的回答,由SO网友:Jose Guerra 整理而成
我过去尝试过的是将带有类名的字体可怕代码放在标签字段中,并删除任何当前标签。过去,这对我来说很有效,而不是使用可选的class字段。我最近没有尝试过,所以我不确定这是否仍然有效。
例如,以下代码将放置在标签中。
<i class="far fa-address-card"></i>