Looking to have product images more centred aligned in product pages

[duart2023]

Is there a way to have the product images more centred aligned in the product pages? It is currently sitting quite far down the page.

[niraj_patel]

Hello @duart2023 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (min-width: 990px) {
  .product-detail .gallery.gallery--layout-carousel-beside > .gallery__inner {
      display: flex;
      align-items: center !important;
      justify-content: center;
   }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

- Here is the solution for you @duart2023 
- Please follow these steps:

- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (min-width: 600px) {
.main-image {
 top: -100px !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.