Line up borders on several sections in Dawn theme

Store Design
,
5

@jasminsharp97 Please follow the below steps to align the borders properly to display the sections as the same section. Let us know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click the action button from the current theme and select “Edit code”.
  3. Search and locate the base.css file. Add the below CSS code in the base.css file at the bottom of the file, like in the below attached screenshot.
#shopify-section-template--18647897604308__image_banner_KXaWmJ, #shopify-section-template--18647897604308__rich_text_9HmjKP, #shopify-section-template--18647897604308__image_with_text_halves_Me8QpC, #shopify-section-template--18647897604308__17319713741739bb5f {
    width: 87% !important;
    margin: 0px auto;
}
#shopify-section-template--18647897604308__image_with_text_halves_Me8QpC .page-width, #shopify-section-template--18647897604308__17319713741739bb5f .page-width {
    padding: 0px;
}

Vinsinfo_0-1732098492955.png
Vinsinfo_0-1732098492955.png400×134 19.8 KB

  1. Final results will be like,

Vinsinfo_1-1732098492973.png
Vinsinfo_1-1732098492973.png336×400 45.8 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.