Remove useless white space around entire page.

[jeffjohnston86]

I would like to remove this white space shown in red from the site on both mobile and desktop. I don't know how it got there, or how to remove it.

[pawankumar · Accepted solution]

Hi @jeffjohnston86 
Please put this css in theme.liquid before body closing tag </body>

<style>
body {
margin: 0px;
padding: 0px;
}
</style>

  Please don't forget to Like and Mark Solution to the post that helped you.
Thanks!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @jeffjohnston86 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
body {
    margin: 0 !important;
    padding: 0 !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one.

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".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
body.gradient.animate--hover-vertical-lift {
    margin: 0 !important;
    padding: 0 !important;
}
</style>

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe]

Hi @jeffjohnston86 

Would you mind sharing your store URL? Thanks!

[jeffjohnston86]

Sure, here is the preview of the theme, as it isn't currently published. https://m2pknhq86hfrfux8-8092027.shopifypreview.com

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one.

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".

In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
body.gradient.animate--hover-vertical-lift {
    margin: 0 !important;
    padding: 0 !important;
}
</style>

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[pawankumar · Accepted solution]

Hi @jeffjohnston86 
Please put this css in theme.liquid before body closing tag </body>

<style>
body {
margin: 0px;
padding: 0px;
}
</style>

  Please don't forget to Like and Mark Solution to the post that helped you.
Thanks!

[jeffjohnston86]

I've made this change to the code at line 300, I'm not sure if this is what you meant to do, but it did not remove the boarder unfortunately.

[jeffjohnston86]

Never mind I inserted in the wrong area, it worked thank you!

[BSS-TekLabs]

Hello @jeffjohnston86 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[jeffjohnston86]

Here is the preview of the theme as it currently isn't published. https://m2pknhq86hfrfux8-8092027.shopifypreview.com

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @jeffjohnston86 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
body {
    margin: 0 !important;
    padding: 0 !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs · Accepted solution]

like this @jeffjohnston86 

[jeffjohnston86]

Thank you for your help!

[BSS-TekLabs]

Glad to help you. Have a good day.