如何更改 Shopify 'Brooklyn' 主题中支付图标的大小？

Question

我正在使用带有 'Brooklyn' 主题的 Shopify，我需要将页脚中的支付图标放大。我试图更改 img class 的 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;
  }
}

Answer 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;
}

如何更改 Shopify 'Brooklyn' 主题中支付图标的大小？

How can I change the size of the payment icons in the Shopify 'Brooklyn' theme?

css

liquid

shopify