【问题标题】:How can I change the size of the payment icons in the Shopify 'Brooklyn' theme?如何更改 Shopify 'Brooklyn' 主题中支付图标的大小?
【发布时间】:2019-06-01 20:33:53
【问题描述】:

我正在使用带有“布鲁克林”主题的 Shopify,我需要将页脚中的支付图标放大。我试图改变 img 类的 CSS 代码来改变图标的​​大小,但我只是可以让它们更小而不是更大。 知道怎么改吗?

.payment-icons {
  @include prefix('user-select', 'none');
  cursor: default;
  margin-bottom: 0;

  li {
    margin: 0 ($gutter / 4) ($gutter / 4);
    cursor: default;
  }

  .icon {
    font-size: 30px;
    line-height: 30px;
  }

  .fallback-text {
    text-transform: capitalize;
  }
}

【问题讨论】:

    标签: css shopify liquid


    【解决方案1】:

    在您的自定义样式表中添加以下样式 -

    .payment-icons .icon {
        width: <width in px> !important;
        height: <height in px> !important;
    }
    

    更新: 为您的商店添加以下样式

    .payment-icons > img{
        min-width: <width in px> !important;
        min-height: <height in px> !important;
    }
    

    【讨论】:

    • 感谢您的快速回答。不幸的是,它没有改变任何东西。我只是不明白为什么改变简单图像的大小如此困难。
    • 它不是图像,而是 SVG。你能分享你的网站网址吗?
    • 先生,您是我的英雄。奇迹般有效!非常感谢!!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-10
    • 2022-06-27
    • 1970-01-01
    • 2019-10-29
    • 2018-11-08
    • 2019-11-10
    • 1970-01-01
    相关资源
    最近更新 更多