Center footer on desktop

Site URL: http://www.evanthomascole.com/

Hello,

I've recently refreshed my site and the last thing I want to do is center the entire footer block on desktop. It seems that at the 1024px breakpoint the footer does what i want it to do on all breakpoints, just be centered. I have added A LOT of custom CSS over the years so I'm hoping something old won't override what I want.

Any ideas how i can achieve this? Since I'm using Flatiron, the default is for the footer to display text on the left half of the footer and social icons in the right half of footer. I removed the icons and just added text links to the text block. I want the text block to go full width.

Help me! 🙂
http://www.evanthomascole.com/

Add to Home > Design > Custom CSS

/* Center footer text */
div#footerBlock {
    margin: 0 auto;
    text-align: center;
}

@tuanphan worked like a charm. Thanks!

@tuanphan I have a follow up. Is there a way to adjust the padding around the text box to its the same value on both sides? Currently there's quite a bit more on the left.

See attached.

Add to Home > Design > Custom CSS

div#footerBlock {
    padding: 0 !important;
}

@tuanphan perfect. Thanks!

Issue resolved 🙂