• 

  Cristine-Joy03

  Participant

  January 16, 2021 at 13:52

  Hi,

  How do I achieve this layout for shop and have images this size and spaces in between each product?
  https://prntscr.com/wu47tm

  Please, contact administrator
  for this information.

  #268705 Copied Theme version: 7.2.3 WooCommerce version: 4.8.0

  2 Answers

  

  Cristine-Joy03

  Participant

  January 17, 2021 at 03:37

  I just want the page product image to be small like this and more margin on the left and right. Also the product information and price etc to be on the right side below the image.

  At the moment the image is massive and the information below the product image is on the centre.

  #268746 Copied
  

  Rose Tyler

  Support staff

  January 17, 2021 at 09:14

  Hello,

  Please read this article – https://www.8theme.com/documentation/xstore/woocommerce/product-images/
  and add the next code in Theme Options > Theme custom CSS > Global custom CSS:

  .content-product .product-content-image img {
      width: auto;
  }
  .content-product  .product-details {
      text-align: left;
      margin: 0 30px;
  }

  + custom CSS for desctop area –

  .content-product {
      padding-top: 30px;
      padding-bottom: 20px;
  }

  Regards

  #268762 Copied