首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将菜单项替换为图标(Prestashop主题)

将菜单项替换为图标(Prestashop主题)
EN

Stack Overflow用户
提问于 2015-07-07 08:18:04
回答 1查看 1.4K关注 0票数 0

我想问你如何用图标代替文本(家庭图标作为第一个菜单的孩子)。

我的css与这个类似:53577/

我在global.css的末尾添加了以下代码:

代码语言:javascript
运行
复制
.sf-menu li:first-child a:before{
  content: "\f015";
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 33px;
  line-height: 70px;
  color: black;
}

.sf-menu li ul li a:before{
  content:none!important;
}

这意味着:

隐藏文字“衣服”的最好方法是什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-07 08:41:37

你只需要加上

代码语言:javascript
运行
复制
text-indent: -9999em

到..sf菜单li:第一个-子,将文本缩进视图a,然后

代码语言:javascript
运行
复制
text-indent: 0

to ..sf menu li:第一个子项目a:在此之前,重置伪选择器的属性。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31263267

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档