【问题标题】:How to remove underline from product in Shopify collection [closed]如何从 Shopify 集合中的产品中删除下划线 [关闭]
【发布时间】:2020-09-30 11:35:47
【问题描述】:

我想删除悬停时的下划线。

Shopify Collection Link

【问题讨论】:

    标签: css shopify


    【解决方案1】:

    第一步是识别元素,然后识别应用的样式。在您的示例中,当产品卡片处于焦点或悬停时,会出现下划线(边框底部)。相关的 CSS 规则位于您的 theme.scss.css 文件的第 8551 行。因此,只需从您的 CSS 文件中删除此规则即可。

    .product-card:hover .product-card__title,.product-card:focus-within .product-card__title {
        border-bottom-color:#3a3a3a;
    }
    

    【讨论】:

    • 谢谢它的工作
    猜你喜欢
    • 2015-12-19
    • 1970-01-01
    • 1970-01-01
    • 2019-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多