How can I center an image on a specific product page?

Technical Q&A
1

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 code
Other Product page after entering code2536×1448 280 KB

Needs to be centered
Needs to be centered2516×1438 115 KB

proper product page before entering code
proper product page before entering code1980×1458 329 KB

2

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,
Diego

3

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.