How can I perfectly center my website footer?

Topic summary

Issue: Footer links and subheadings were not centered on desktop or mobile.

Early attempt: A suggestion to paste code before in theme.liquid produced no visible change for the OP.

CSS approaches proposed:

  • Center specific footer elements (headings and details content) by adding text-align: center !important; in the theme’s CSS (suggested in base.css).
  • Center the entire footer block container by applying text-align: center; to the footer grid/wrapper class, and remove a right margin that caused misalignment.

Outcome: Applying text-align: center to the footer blocks wrapper fixed the centering. OP confirmed it works and was advised to increase link title weight/size for better visual balance.

Status: Original issue resolved for the OP.

Open point: Another user cannot find base.css in their theme and has no answer yet. The presence/location of the stylesheet remains unresolved in the thread.

Summarized with AI on December 31. AI used: gpt-5.

Hi @Stagtis

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.


And Save.

Result:

Suggestion: Its better make the links titles bigger or bolder so it wont look like a subtitles.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!