White space in middle of my pages

[jordan24640]

I made some edits to the codes to the newletter sign up and footer and now there is some white spaces in my middle of my pages when im on desktop view, can anyone help me see whats wrong and how to fix it. I have attached some images on to here 
site https://eb00a5-ab.myshopify.com/cart

[Moeed · Accepted solution]

Hey @jordan24640 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.section+.section {
    background: #F3EEE7 !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jordan24640]

That fixed the problem on the main page but I still see the white spaces in the cart page, sale pages, 
https://eb00a5-ab.myshopify.com/cart
https://eb00a5-ab.myshopify.com/collections/sale

[Moeed]

Hey @jordan24640 

Keep the previous code and add this new code above </style> in the end of theme.liquid file

main#MainContent {
    background: #F3EEE7 !important;
}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jordan24640]

I have added it but theres still seems to be white spacing on there

[Moeed]

Share screenshot of the code because you haven't added the code properly

[jordan24640]

Thanks, I just added it again and saw my error previously. Now it works perfectly thank you very much

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Made4uo-Ribe]

Hi @jordan24640 

Are you adding some review app? 

Do you like add the the background same in your theme? if it is check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.shopify-section.section {
    background: var(--gradient-background) !important;
}

And save. 

Result:

Note: The code will change all the section that you newly add. 

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