Grey box under footer after removing background image

Hi Pranidhi,

You can change the color going to the Appereance->Customize->Colors->Body Color and choose your color
and for hiding the border use the following css.
#page {
box-shadow:none!important;
}
Thanks.

Thank you! Where do I put in the CSS?

Hi Pranidhi,

You can put the css using this Jetpack Custom Css Option. For this you need to active the jetpack plugin and install the custom css components. or you could directly insert this into the style.css file but it will be lost during the updates so we want you to use the first option.

Thanks.

Ok. I did install the Jetpack Custom CSS option and pasted the css exactly as shown above but the grey background image (lower border) is still visible when the screen I’m viewing on is large. For example, on my laptop I can see it but on my phone, it’s fine.
Any more insights?

Here’s the site again for reference:
yogashalawest.com

Try this code:

#bottom-wrapper {
	background-color: #fff!important;
}

Thank you all! It is fixed now. I changed the homepage to a full width page instead of a widget only page and included the CSS above as well as the CSS to remove page titles. That seems to give me both things I want- a clean, static home page and no bottom border.

Thanks again!

Awesome, please mark as resolved.

Thanks

Done!