Ad

How Can I Change The Size Of The Payment Icons In The Shopify 'Brooklyn' Theme?

- 1 answer

I am using Shopify with the 'Brooklyn' theme and i need to make the payment icons in the footer bigger. I've tried to change the CSS code of the img class to change the size of the icons, but i just could make them smaller and not bigger. Any idea how to change it?

.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;
  }
}
Ad

Answer

Add the below style in your custom stylesheet -

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

Update: For your store add the below style

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