Help removing lines between sections in Dawn theme?

Store Design

Topic summary

A Shopify store owner using the Dawn theme encountered unwanted horizontal lines appearing between sections on both desktop and mobile versions of their site. The lines appeared in different locations across devices and were considered unprofessional.

Initial Solutions Attempted:

  • Adding CSS code to base.css file with negative margin adjustments (margin-top: -1px and later -10px !important)
  • The -10px code successfully removed lines in the blue section but persisted in white sections

Root Cause Identified:
The issue was partially caused by the image itself containing embedded lines, not just CSS/structural problems. Replacing the problematic image resolved some instances.

Recommended Solutions:

  1. Edit and replace images that contain embedded lines (visual examples provided)
  2. Fine-tune the negative margin value (try -9px or -8px) to prevent image cutoff while removing gaps
  3. Simplest fix: Navigate to Theme Settings → Content Containers and set border width to 0px, eliminating section separator lines without custom CSS

A French-speaking user later reported experiencing the same issue after 5 hours of unsuccessful CSS attempts, requesting assistance with their store (nemeos.fr).

Status: Multiple working solutions provided; discussion remains open for new participants.

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

Actually David, I think your code is cutting off my image. Any ideas?