Fit height of the images

Hi, look at this screenshot https://www.dropbox.com/s/ycur100tg441a5o/sc32.png?dl=0. How can I fit the height of the #1 and #2 images to the height of the #3 image?

Hello,

You need to upload a higher image. You will have to try a few sizes while you find the best one. There is no option to make them of the same size in the Theme options.

You can try using Promo banners. The use of images on the background and it is a way out to make them all of the same size.

Best Regards

Actually, this is the pro banner that I use. For example the height of the slided images on the left hand side is 288px. I devide this height to 144px to the two images on the right side but still it doesn’t work.

The same question was asked here https://xtemos.com/forums/topic/what-feature-in-wpbakery-that-is-used-to-create-this/. But I still don’t get it.

Hello,

You need to try several combinations of image sizes to get the best one. There is no recommendation. You need to take one wide image in the big column and one high image in the narrow. You know if you set the equal width for both columns the images would get the same. If you, for example, have three columns of the equal size and use equal sizes images it looks nice. At the same time when you try to create something like a masonry, you will have to process image sizes until you find the best combination.

Best Regards

Now I can get the same height. But when resizing the browser, the height changes.

Hello,

The height of the image changes depending on the width. As you know on mobile the width of the block becomes smaller so the height is reduced.

Best Regards

[Author]

Posts