How can I better center this item?

Shopify Discussion

Topic summary

A Shopify store owner seeks help centering footer elements on their site (hoodlifeclothing.eu). After sharing store credentials, a community member provides a visual example of the desired centered layout.

Proposed Solution:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add CSS code at the bottom to adjust grid layout:
    • Sets justify-content: space-around for footer block wrapper
    • Applies max-width: 20% for grid items on tablet view (min-width: 750px)

The solution targets responsive grid columns to achieve better centering of footer content. The discussion appears resolved pending confirmation from the original poster.

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

Hello,

how to put this more to middle? Thank you

HOODLIFE_0-1706373325175.png
HOODLIFE_0-1706373325175.png1896Ă—392 7.77 KB

1 Like
2

Hi @HOODLIFE

Would you mind to share your store URL? Thanks!

3

www.hoodlifeclothing.eu

4

It password protected.

5

hoodlife160726

1 Like
6

Thanks for the info, do you mean like this?

Made4uoRibe_0-1706543545085.png
Made4uoRibe_0-1706543545085.png1516Ă—752 17.2 KB

If it is 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 “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (min-width: 750px){
.grid--4-col-tablet .grid__item {
    max-width: 20% !important;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    justify-content: space-around;
}
}

And save.

If not, please specify what middle do you mean? Thanks!

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