How can I add a site-wide margin in the Dawn theme?

[Ryanmue]

Hey there, 

I’m building my website with the Dawn theme. I would like that on the whole website, that there is a margin on both sides. So that, for example, the picture banner doens‘t go completely to the edges. 

does anyone know how I can achieve this?

best

// Ryan

[Made4uo-Ribe · Accepted solution]

Hi @Ryanmue 

Try this. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• Open the theme.liquid and paste the below code before the {% endstyle %}

body {
  margin: 20px;
}

• 
• You can change the size of the margin you want. 
• And Save. 
• Result:
• 

[Ryanmue]

Thank you so much! It worked as expected. 

[Made4uo-Ribe]

Welcome, please dont forget hit Like. Thanks!