替换搜索和购物篮图标 shopisle

Question

我尝试用自定义图像 (PNG) 替换 shopisle 中的购物篮图标。我的问题是它同时显示了新图标和原始图标。我在隐藏原始图标的代码中忘记了什么？

THX 提前 问候乔迪

/* search & basket icon */
.navbar-cart .glyphicon-search:before {
    color: #4CD9FF;
    font-size: 20px;
}
.navbar-cart span.icon-basket {
    color: #4CD9FF;
    font-size: 20px;
    content: '';
    background: url('your URL') no-repeat center;
    background-size: contain;
    width: 25px;
    padding-top: 10px
}

Answer 1

您的购物篮图标在 ::before 锚点上定义。

.icon-basket::before

这就是你应该设法自定义它的地方。

.navbar-cart span.icon-basket::before {
    color: #4CD9FF;
    font-size: 20px;
    content: '';
    background: url('your URL') no-repeat center;
    background-size: contain;
    width: 25px;
    padding-top: 10px
}