How can I center product images on my webpage?

Topic summary

Centering product images on a Shopify product page. After a request for the site address, the store URL was shared for review.

Two proposed fixes involve adding custom CSS to the theme’s main layout file (theme.liquid) to center the product image container:

  • Paste the code near the end of theme.liquid, just above the tag (with a screenshot showing placement).
  • Alternatively, paste the code near the top of theme.liquid, above the tag (also shown in a screenshot).

theme.liquid is Shopify’s primary layout file that wraps every page, with and marking the HTML sections where styles/scripts can be added.

Important: The exact CSS/HTML snippets are not visible in the shared text; the referenced images and code blocks appear central to the solution.

No confirmation from the original poster that either approach resolved the issue, and no further diagnostics or theme-specific constraints were discussed. The thread remains open without a verified solution.

Summarized with AI on January 21. AI used: gpt-5.

Hi! How can I put the images to the center? thanks

Hi @merii ,

This is David at SalesHunterThemes.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL
if your website is password protected then also provide the password.
David | SalesHunterThemes team.

Hi this is the website link https://voltageelectricalsupplies.com.au/ thank you

Hi,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

Add the following code in the bottom of the file above tag


If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Hopefully, this proves useful.
David | SalesHunterThemes team

1 Like

Hi @merii

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like