I just want my footer background image to be full width. I cannot figure it out and I'm going insane.

Site URL: http://www.floweringfieldsforever.com/home

Here's the code I'm using:  

#footerBlocksTop {
    background-image: url(https://static1.squarespace.com/static/6157d047fa9ee8475e430225/t/61719fe66ee2b26f3214f659/1634836457129/fileds-sm2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
 

I've tried tweeking the width and margins  (ie:  width: 120%;
margin-left: -5%; but that doesn't work either.)

Thank you for you help whoever you are. 

2 hours ago, andreallevin said:

Site URL: http://www.floweringfieldsforever.com/home

Here's the code I'm using:  

#footerBlocksTop {
    background-image: url(https://static1.squarespace.com/static/6157d047fa9ee8475e430225/t/61719fe66ee2b26f3214f659/1634836457129/fileds-sm2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
 

I've tried tweeking the width and margins  (ie:  width: 120%;
margin-left: -5%; but that doesn't work either.)

Thank you for you help whoever you are. 

Try adding to Home > Design > Custom Css

footer {
  overflow: hidden;
}
#footerBlocksTop {
  margin: 0 -10%;
}

Let me know how it works on your site

My testing

bangank36 you are my hero!! Worked like a charm! Thank you for introducing the "overflow" tag to me! 

Thank you so much I appreciate you taking the time. Have a great day!