600×600 images pushing alignment out

  • My developer is on holiday. I need to (i) add new products and (ii) correct photos which are pushing product details out of alignment

    (i) I can get the CSV Importer to import the product data CSV, but it’s labelling a number of fields as “do not import” and I need those fields. How do I tell the site which fields to use?

    (ii) I had understood that all photos were supposed to be 600×600 to keep the shop page’s alignment.

    BUT (a) I now see some are smaller than 600×600, and some are way bigger.

    And on the shop page of the website, even adjacent images which are 600×600 have different dimensions which is pushing the product details out of alignment so it looks poor.

    How do I alter/crop the image sizes so that they keep the website Buy Now buttons perfectly aligned?

    WP is a strange set up which doesn’t seem to allocate a fixed “box” to the image so it can’t push the text out of place. Is that something that can be fixed too?

    I would be grateful for all help. Thank you in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I looked there, and in my case the images were all scaled to a 282 width. The following CSS is controlling the width:

    
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
	width: 31.2%;
	width: calc(33.33% - 14px);
}

    One thing I did notice is that some images were like 503×600 instead of 600×600 so that when scaled to fit in the column they had the same width but were taller in appearance.

    Thread Starter sjjhr67

    (@sjjhr67)

    Thank you for taking the time to look. I didn’t know the CSS controlled the image size (because I’m not the developer).

    Yes, when I look in Media Library, the picture sizes are all over the place. Most are 600×600 but some are bigger, smaller and non-square.

    So what do I have to do to either the images, or the CSS to get everything lined up? It looks horribly unprofessional as is.

    And when I try to crop non-square images, it won’t let me change the aspect ratio.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘600×600 images pushing alignment out’ is closed to new replies.