How to align a single text column with image to center

Topic summary

A user is trying to center-align a text column with images on their Shopify store and wants the text positioned above the images.

Current Issue:

  • The layout at glowinh.com needs adjustment for proper center alignment
  • Text needs to be repositioned above associated images

Proposed Solution:
Another user provided CSS code to add via:

  • Online Store → Customize → Settings → Custom CSS
  • The code uses flexbox properties (display: flex, justify-content: center) targeting grid elements

Status: The discussion appears incomplete as the CSS code snippet in the response seems corrupted or improperly formatted, and there’s no confirmation whether the solution worked.

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

Hi,

I would like to align this text column with images to the center but dont know how to do it. Anyone know how to do it? Also would like the text to be above the image

Link: https://www.glowinh.com/products/tv-ambient-backlight-led-strip

Thanks

Go to your online store → customize → settings → custom css and paste this code there

.grid.grid--uniform.grid--flush-bottom {
    display: flex;
    justify-content: center;
}