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

Replies 2 (2)
Shopify Partner
2744 513 695

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,

Shopify Partner
3775 748 787

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!
Have not had your Shopify store yet? Start the 14-day free trial HERE
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!