← All examples

Etsy: compact listing density

Shrinks the spacing in the listing grid so more products fit on screen at once.

Code to copy

/* Tighten the listing grid for a denser, calmer layout */
[data-search-results] .wt-grid {
  --wt-grid-gutter: 8px !important;
}
[data-search-results] .listing-card,
[data-search-results] [data-listing-id] {
  margin-bottom: 8px !important;
}
[data-search-results] .listing-card .v2-listing-card__info {
  padding: 4px 2px !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.