Hi! How can I put the images to the center? thanks
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.
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
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



