A problem with image sizes in Flatsome theme

Sandie2018

Power Member
Joined
Mar 26, 2018
Messages
699
Reaction score
338
Hi guys,

I am using flatsome theme for my woocommerce website and have a problem.

On a category page I have several products, which have different sizes. For example there is a desk (not very high) and next to it there is a bookshelf (very high).

When I try to make all the images equal size, the bookshelf is cut at the top and at the bottom. It looks awful. I want the bookshelf to be smaller and fit the product box and look nice in a row of other products.

Any solution you could think of?

Thanks
 
Here's a screenshot after I made the images qual in size at the setting of the product catalog page.

https://imgur.com/8vJtURp
Well, the picture of the desk is in portrait mode, the pictures of the tables are in landscape mode. If you want no cropping and you want to use landscape mode for all pics, you need to resize pictures in portrait mode to become equal in height with pictures in landscape mode. I don't know this theme, but fundamentally this is what you need to do, resizing without cropping. This is what you might be able to do with the theme or you can resize the canvas too with some other tool to match resolution.
 
Ah, ok. I think I understood what this is about. You need to resize canvas on the picture. You can use lunapic(search on google: lunapic), upload your photo then go to edit -> resize canvas.
You have to play around with the settings there and see which one suits you. You can try this:
Canvas color: transparent
Width: 1000 or 800 | Height: 1000 or 800
Image Postion: center.

You need to resize all the pictures. I dont know another method, you can try this.
 
Thanks a lot.
Resizing canvas in lunapic did the job.
 
Back
Top