Jump to content

Center footer on desktop

Go to solution Solved by tuanphan,

Recommended Posts

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


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! 🙂

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

Add to Home > Design > Custom CSS

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


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.