Skip to content
All Answers
Footers

How do I center all the content in my Squarespace footer?

Footer blocks in Squarespace 7.1 often default to left alignment. You can force everything to center using text-align on the footer wrapper and centering flex children.

Social icon blocks and navigation links inside the footer use flexbox, so they need justify-content: center in addition to text-align.

#footer .page-section .sqs-block {
  text-align: center !important;
}

#footer .sqs-block-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Center social icons row */
#footer .sqs-svg-icon--list {
  justify-content: center !important;
}

/* Center footer nav links */
#footer .footer-nav-list {
  justify-content: center !important;
}
Build a centered footer layout with our Footer Layout toolTry it free →

Related Questions

Footers

How do I remove 'Powered by Squarespace' from the footer?

Footers

How do I change the footer background color in Squarespace?

Footers

How do I change the footer link color in Squarespace?

Footers

How do I style the social media icons in the Squarespace footer?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Long Drive MarketingTalk to Long Drive Marketing →