Remove Page Table Borders Dawn Theme

Topic summary

Goal: remove faint table borders in Shopify’s Dawn theme when using the built‑in page table.

Core solution (CSS edit):

  • Theme > Edit Code > Assets > base.css. Find the selector table:not([class]).
  • Set the border/border-style and box-shadow values to remove borders while keeping other table formatting.
  • Older guidance: around lines ~524–530, set border and box-shadow to 0/0rem. Users confirmed it removed inner borders; changing the box-shadow also cleared remaining lines.
  • 2024 update (newer Dawn): around line ~420, ensure border-style: hidden and box-shadow: 0 0 0 0rem rgba(var(–color-foreground), 0.2). This removes visible borders.
  • Tip: back up the original CSS before editing.

Confirmations: multiple users reported success (also on Craft theme).

Open items/unanswered:

  • How to apply the change only to a specific page (no solution provided).
  • What to do if the theme has no base.css (one user reported this; unresolved). An image was shared but not essential to the fix.

Status: largely resolved via CSS edits for standard Dawn setups; thread remains open for page-specific and no-base.css cases.

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

Very keen to know too!

Have been playing around with this for a while and cannot figure it out.
Cheers