Tweaking Footer Width with CSS?

Site URL: https://www.yokomorimoto.com/

Hi all 🙂

So I inquired with support and apparently I picked a theme that doesn't allow my footer to stretch across the page. (Seriously, Squarespace?) I don't want to have to redesign the whole site in a new template as they suggested but can't figure out the custom CSS to include.

To be clear, I want the footer on: https://www.yokomorimoto.com/

to be centered like the footer on: http://www.mightykingdrew.com/

Any ideas, pls help!

THANKS

Ishimoto template puts  footer content on the right and social icons on the left. I find that a bit unlikable, seems to leave a lot of blank space on the left. The footer is technically as wide as the header.  This will center it, if  all the content does  not center, let me know. You may need three pieces of code to do this, due to there are three blocks in the footer. This code goes into custom css. 

#block-yui_3_17_2_1_1594678857246_39083 * {
   text-align: center !important;
}

#footer {
  max-width: unset !important;
}

#footerBlocks-1 {
  width: 100% !important;
  float: none !important;
}

1 hour ago, rwp said:

#footer {
  max-width: unset !important;
}

#footerBlocks-1 {
  width: 100% !important;
  float: none !important;
}

I think that will work better than what I put up. 

WOW! THANK YOU THANK YOU guys. Rwp's code worked like a charm.

I can't believe Squarespace support couldn't help me with that!!

You rock!

It's not that they can't help. They just do not provide any external coding.

Just helping on this forum takes hours per day, and I pick and choose what I want to help with.

If squarespace started doing it, they would need to hire tons of people to keep up.