Adding left and right margins toe but theme pages

Hey guys

I know Ive done this before, but can’t remember how I did it or where I got the original info on how to do it.

I would like to be able to add left and right margins to all my pages in Debut theme so there is white space on each side of each page instead of content going edge to edge, similar to the attached image.

Thanks!

1 Like

@RocketRube

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Ok. The my Shopify site is https://www.iamaudre.com.

Not sure how that is useful though since I will be using the Debut theme, and what I am currently working on is an unpublished design.

But thank you anyway for any help you might offer.

1 Like

@RocketRube

do you need customization same store and theme or different also do you have like this?

I have a moderate amount of experience with css and html, so I know the solution is not that complex, like I said, I have done it before but I can’t remember the code.

I don’t think the code has to be site or theme specific, it just needs to specify something in the div to give margins to the left and right side of the page, so that the container doesn’t go full screen.

I will be using Shopify’s Debut theme, so code that will allow me to define right and left margins in the CSS for the page should be pretty standard for the theme regardless of my design.

@RocketRube

please sent proper theme url and design

Nevermind, this is very unhelpful. I’ll keep looking for information elsewhere.

@RocketRube

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {padding: 0px 100px;}

Didn’t work. But thank you very much for the effort.