White space

Hi if anyone can help me fix this whitespace that appears on all of my pages I would really appreciate it. I changed the schemes as well as change the background color manually and it doesnt go away. Every page has it and the background on some of my pages is white also. I’m using dawn theme

Hello @wpr12
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

@wpr12 Hello

I hope you’re doing well. Welcome to Shopify Community. Kindly share your website URL and Password (if enabled) and I would be more than happy to help you out!

Kind Regards,
Aatiqa

Hi, the password is: stoyea and the url is : a689bc-f9.myshopify.com

  • Here is the solution for you @wpr12
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.footer:not(.color-scheme-1) {
    margin-top: 0 !important;
}
main {
    min-height: 60vh !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Kindly, follow the below steps to fix your problem:

  1. From your Shopify admin dashboard, Go to Online Store
  2. Choose the theme which you wanna edit and click on Edit Code
  3. Add this code in the end of theme. liquid file above

Result:

If I was able to help you and my solution worked well for then, please don’t forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

Hi no for the white space is still there on all pages and he deletes my background image with your change

Hi no with your changes my background image on homepage is cutoff and the white space is still there on all the other pages

Apologies for the confusion:

Kindly, follow the below steps to fix your problem:

  1. From your Shopify admin dashboard, Go to Online Store
  2. Choose the theme which you wanna edit and click on Edit Code
  3. Add this code in the end of theme. liquid file above

Result:

If I was able to help you and my solution worked well for then, please don’t forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

Hi, its still cutting off the background image and its still there on all other pages. For example. on the about page the background is white and its supposed to be green. Thank you

Keep the previous code and add this new code above in theme.liquid

main#MainContent {
    background: #7D926D !important;
}

Result:

If I was able to help you and my solution worked well for then, please don’t forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

Hey so the whitespace got removed but on my homepage it wont go away even after i added

main#MainContent { background: #7D926D !important; }

It made my background picture disappear, is there a way to get rid of the white space and keep my background picture?