Centering Image on Product Page

New Member
1 0 0

Hello, I need to center a product on the page. I used this code as found in another thread, but it affected the layout on my other product page. Is there other code that will affect just this one page? Thanks!

.grid, .grid--rev, .grid--full, .grid-uniform {
display: flex;
    justify-content: center;

Other Product page after entering codeOther Product page after entering codeNeeds to be centeredNeeds to be centeredproper product page before entering codeproper product page before entering code


Hello @barnettguitars,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire!

Hi @barnettguitars,

Please add code:

.grid, .grid--rev, .grid--full, .grid-uniform {
display: flex;
justify-content: center;
flex-wrap: wrap;

Hope it helps!

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!