# merchant/2.3.0/assets/css/modules/payment-logos/payment-logos.css

Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant, version 2.3.0. 94 lines.

- Page: https://pluginprobe.com/plugins/merchant/2.3.0/code/assets/css/modules/payment-logos/payment-logos.css
- Raw: https://pluginprobe.com/plugins/merchant/2.3.0/raw/assets/css/modules/payment-logos/payment-logos.css
- Modified: 2026-07-21T16:38:56+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/merchant/2.3.0/code/assets/css/modules/payment-logos/payment-logos.css#L10-L20`.

```css
/**
 * Payment Logos.
 *
 */
.merchant-payment-logos {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: var(--mrc-plogos-margin-top, 20px) !important;
  margin-bottom: var(--mrc-plogos-margin-bottom, 20px) !important;
}
.merchant-payment-logos + .merchant-payment-logos {
  display: none;
}

.merchant-payment-logos-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: var(--mrc-plogos-align, flex-start);
      -ms-flex-pack: var(--mrc-plogos-align, flex-start);
          justify-content: var(--mrc-plogos-align, flex-start);
  color: var(--mrc-plogos-text-color, #212121);
  font-size: var(--mrc-plogos-font-size, 18px);
}

.merchant-payment-logos-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 5px;
  -webkit-box-pack: var(--mrc-plogos-align, flex-start);
      -ms-flex-pack: var(--mrc-plogos-align, flex-start);
          justify-content: var(--mrc-plogos-align, flex-start);
}
.merchant-payment-logos-images img {
  max-width: var(--mrc-plogos-image-max-width, 80px) !important;
  max-height: var(--mrc-plogos-image-max-height, 100px) !important;
}
.merchant-payment-logos-images.is-placeholder img, .merchant-payment-logos-images.is-library img {
  width: 100%;
}

/**
 * Footer location.
 */
.merchant-payment-logos--footer {
  text-align: center;
  padding: 15px 20px;
  border-top: 1px solid #e0e0e0;
}
.merchant-payment-logos--footer .merchant-payment-logos-title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.merchant-payment-logos--footer .merchant-payment-logos-images {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/**
 * Archive / Shop pages.
 */
.merchant-payment-logos--archive {
  width: 100%;
  clear: both;
}

/**
 * Cart page.
 */
.merchant-payment-logos--cart {
  margin-top: 20px;
}

/**
 * Checkout page.
 */
.merchant-payment-logos--checkout {
  margin-bottom: 20px;
}
```