How to properly center footer quick links?

Store Design
, ,

Topic summary

A Shopify store owner struggled to center footer menu quick links properly. Initial attempts using text-align: center !important centered the links but caused alignment issues.

Resolution:

  • The user discovered the solution independently
  • Key insight: Using “centre” (British spelling) instead of “center” in the CSS

Working code snippet:

.footer__blocks-wrapper {
  text-align: centre;
}
.footer-block__details-content {
  display: inline-block;
  list-style: none;
  padding: 0;
  text-align: centre;
  margin: 85px;
}

The discussion is resolved, with the working code shared for others facing similar issues. Theme used: Sense on Shopify.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hi!

I’ve been working on my Shopify store for ages but I can’t seem to figure out/code the right thing in order to make my menu quick links in my footer center. I tried using the following code:

.footer-block__details-content > li {> text-align: center !important;> }

This centers them but for some reason they don’t line up:

Screenshot 2023-08-18 at 21.43.48.png
Screenshot 2023-08-18 at 21.43.48.png2842×1174 152 KB

I’m trying to get my website running as soon as possible, so any assistance will be greatly appreciated!

Extra information (not sure if this is needed or not):

Shopify Theme: Sense

Site URL: https://c29d48-5.myshopify.com/

Site Password: tirawr

2

Hi Raji,

Neither of these codes worked for me however, I really appreciate your efforts.

Thank you

3

Ah i figured it out. Firstly it’s “centre” not “center”.

Here’s the code I used incase somebody needs it:

.footer__blocks-wrapper {
  text-align: centre;
}
.footer-block__details-content {
  display: inline-block;
  list-style: none;
  padding: 0;
  text-align: centre;
}
.footer-block__details-content {
  display: inline-block;
  margin: 85px;
  text-align: centre;
}