Change the border colour of a table on a product page

Topic summary

Goal: Make a product description table’s borders invisible (appear white) on the product page via CSS (styling code).

Key solutions shared (add to theme.css or base.css via Online Store > Themes > Edit code):

  • Selector targeting product tables: .product-block .table-wrapper table { background: none !important; }
  • Alternative, more general selector: .table-wrapper > table { background: unset; }

Notes:

  • Both solutions remove the table background, which in this theme resolved the visible border/outline effect without directly changing border color.
  • Code snippets are central to the fix.

Outcome: The store owner confirmed the solution worked and expressed thanks. No further issues or disagreements.

Status: Resolved; the action is to add one of the provided CSS rules to the theme stylesheet.

Summarized with AI on December 31. AI used: gpt-5.

Hi, thank you very much for your help!