【问题标题】:replace search & basket icon shopisle替换搜索和购物篮图标 shopisle
【发布时间】:2019-05-13 09:56:23
【问题描述】:

我尝试用自定义图像 (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
}

【问题讨论】:

    标签: css wordpress icons themes


    【解决方案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
    }
    

    【讨论】:

    • 感谢盖尔。它几乎可以工作,但现在字体大小似乎是固定的,如果我放 50px 则它不会改变
    • 因为字体大小没有 ::before .navbar-cart span.icon-basket { font-size: 30px; }
    • 对不起,我ll try my very best but im 不是程序员。所以也许你可以为我解释一下如何改变。因为如果我删除之前的锚点,我会看到 2 个篮子图标。谢谢
    • 感谢您的帮助,但它对我不起作用。随着您更新的代码购物车图标消失,只有柜台可见。
    • 我回滚到我之前的回复,因为我似乎没有理解您的需求。现在您使用的是背景图片而不是图标字体,字体大小不会调整您购物车的大小。您应尝试在容器宽度和高度上进行调整以调整其大小。或者如果仍然被误解,请发布另一个问题...
    猜你喜欢
    • 2019-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-09-24
    • 1970-01-01
    • 2015-01-23
    • 1970-01-01
    相关资源
    最近更新 更多