如何更改Shopify“布鲁克林”主题中付款图标的大小?

时间:2019-05-28 20:19:36

标签: css shopify liquid

我正在以“布鲁克林”为主题使用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;
  }
}

1 个答案:

答案 0 :(得分: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;
}