ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• February 9, 2015 at 8:40 am #148259
  Adora

  Member

  Post count: 22

  Dear Support,

  with reference to the page url provided, we would like to reduce the height of the product images. Our question is, do we need to edit the CSS or can we just edit the sizes within Settings > Products and just regenerate thumbnails?

  Thanks for advice.

  February 9, 2015 at 8:51 am #148262
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  @media only screen and (min-width: 769px) { 
  .woocommerce div.product div.images {
    width: 28%;
  }
  .woocommerce div.product div.summary {
    width: 68%;
  }
  }

  – Kyle

  February 9, 2015 at 9:19 am #148269
  Adora

  Member

  Post count: 22

  Thanks for your prompt reply Kyle, and for the effective solution.

  Just 1 followup to this. Alternatively, if we preserved the widths and worked with image resizing (img attached), the question remains, may we just change the dimensions and regenerate thumbs or even after we do so, css tweaks are required? Thanks again.

  Attachments:

  You must be logged in to view attached files.
  February 9, 2015 at 9:20 am #148272
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes you would need to change the ration of the image size settings

  – Kyle

• Back to forum

  Posted in: Neighborhood