← All examples

Compact listing cards

Reduces padding and margins in listing cards so more products fit on screen at once.

Code to copy

article[data-analytics-view-label] {
  padding: 6px !important;
  margin: 2px !important;
}
article[data-analytics-view-label] [class*="badge" i],
article[data-analytics-view-label] [class*="promo" i] {
  font-size: 11px !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.