I was just hoping someone could help me resize my product images to 400px by 400px sitewide.

 

The CSS is inline and i can't figure out how to edit my product images so that they will all be the same size.

 

Here is a link to my Product Page: http://www.wiselinetools.ca/store/item?id=D25263K

 

Thanks

The fast and dirty solution is to edit the inline CSS and make width 400px instead of 250px. Then you need to make sure that all your images are square with a minimum width of 400px.

 

One advice - always avoid inline CSS.

 

The best solution is to make an image as a background of DIV element with width and height 400px. Here is described how: https://css-tricks.com/almanac/properties/o/object-fit/ This way the actual size of the image does not matter. They will all fit the parent container.

 

Let me know if you need more help.

 

Alex