How do I make my image background cover the entire website?

[westaysmiling]

I have the image background for half of the front page, but I need it to be over my entire website, how do I do this? My website is https://westaysmiling.com/. 

[SAN_MSWEB · Accepted solution]

Hi @westaysmiling 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.gradient {background-image: url(https://cdn.shopify.com/s/files/1/0752/2274/5376/files/darkblueskybg.jpg?v=1685584400) !important;background-position: center; background-size: cover; background-repeat: no-repeat;}

#MainContent {background-image: none !important;}

Regards,

San

[westaysmiling]

Thank you, worked like a charm.