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
• May 28, 2014 at 8:04 am #78073
  tonywong

  Member

  Post count: 80

  i want to make changes to product image container into squarish layout for my homepage. how do i change it in css stylesheet? please advise.

  http://www.honk.sg

  May 28, 2014 at 9:55 am #78126
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  You need to set the image sizes in WooCommerce settings

  – Kyle

  May 28, 2014 at 12:19 pm #78208
  tonywong

  Member

  Post count: 80

  i am referring to the container that house the image.

  May 28, 2014 at 1:19 pm #78227
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  What image sizes have you set? This will change the size of the container

  – Kyle

  May 29, 2014 at 3:17 am #78418
  tonywong

  Member

  Post count: 80

  single product image : 540 x 540
  prooduct thumbnails: 90 x 90
  i am not using catalog image (270 x 270)

  pse see attached on the rectangular container i trying to adjust in my homepage.i did some test, changing any of the above setting does not resize the container at all.

  is it has do with css stylesheet ?

  May 29, 2014 at 4:22 am #78424
  tonywong

  Member

  Post count: 80

  pse see latest attached. the image is squarish shot. so when it sit on the rectangular canvas, result in extra white space.

  May 29, 2014 at 8:14 am #78465
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Have you checked the box to hardcrop the images? Also have you regenerated thumbnails?

  – Kyle

• Back to forum

  Posted in: Neighborhood