Line Spacing for Tables Product Description

Shopify Discussion

Topic summary

A user needs to reduce line spacing in product description tables on their Shopify store, wanting spacing approximately half the current size. They’ve been unable to locate the relevant code.

A solution was provided using CSS:

  • Target tables on screens 700px and wider
  • Adjust the --table-cell-padding-block variable to 0.5rem

This CSS snippet should be added to the theme’s custom CSS to decrease the vertical padding between table cells and achieve the desired tighter spacing.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I need help decreasing the line spacing on our tables for product descriptions. See here:

https://www.coastalcoffeecollective.com/products/new-product-copy

Would ideally like spacing half the size. Can not find the code anywhere.

2

Hi @coastalcoffee

@media screen and (min-width: 700px) {
  table {
    --table-cell-padding-block: 0.5rem;
  }
}