How to adjust spacing and center product page

Store Design
, , , , ,
1

Hi,

I was wondering if anybody could help me center our product page and decrease the spacing between the product image and the description/buy button?

Website: https://theloveclubbookshop.com/

8.PNG
8.PNG1920×911 271 KB

Thank you!

2

Hi @kirstiedav

Add this at the end of your main css file :

@media screen and (min-width: 750px) {
  .product__info-wrapper {
    padding: 0!important;
  }
}
3

Hi! I was able to move the product description :slightly_smiling_face: Would you happen to know how to move the product image and grid, as well?

Thank you so much for your help!

9.PNG
9.PNG1888×951 370 KB

4

Try this :

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
  margin-right: 50px!important;
}

You can change the value, for example 50px => 60px