How do I make larger margins on my whole website? (disabling Full-Width)

[Ruef]

Hello!

I’m trying to pad the sides of my whole website on desktop and bring my content to the center of the page. My website is currently full-width. I’m using the theme ‘Shapes’ & my website is here - https://theprizecounter.com/

I love the look of the website when I’m editing (the large margins on the sides) but not so much when I visit outside the editing.

(This width is preferred for desktop viewing, not mobile.)

[Dan-From-Ryviu]

Hi @Ruef

You can add this code to the theme.liquid file, after to do it.

[Ruef]

Hello, unfortunately this didn’t change anything

[BSSCommerce-HDL]

Hi @Ruef

Please follow the instructions below

Step 1: Shopify Admin → Online Store → Edit Code:

Step 2: Choose file theme.liquid and add this code to below :

Here is the result:

Hope this can help you.
Kind regards

[Ruef]

Hello! This helped but now everything is aligned to the left.

[BSSCommerce-HDL]

Hi @Ruef

Please modify the previous code to this and let me know if it fixes the issue

[Ruef]

Thank you!

This worked great!