如何解决如何在Wordpress的主菜单列表中显示图标?
我正在使用 wordpress,我必须在主菜单上显示搜索图标并添加到购物车图标。 我没有为此使用任何插件。
查看源代码
<ul id="primary-menu-cart" class="menu">
<li id="menu-item-555" class="menu-search-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-555"><a href="#">Search</a></li>
<li id="menu-item-554" class="menu-cart-icon menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-554"><a href="http://example.com/cart/" aria-current="page">Cart</a></li>
</li>
</ul>
CSS
.menu-cart-icon,.menu-search-icon{position: relative;}
.menu-cart-icon:after,.menu-search-icon:after{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 22px;
width: 20px;
z-index: 10;
background-size: contain;
background-repeat: no-repeat;
}
.menu-cart-icon:after{background-image: url('/wp-content/uploads/2021/01/Bag.png');}
.menu-search-icon:after{background-image: url('/wp-content/uploads/2021/01/Search.png');}
我得到了这样的图标。现在,如何删除文本?
我必须这样显示
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。