Why do images become uneven in height when importing images from a website

When different images are dragged in from a website to different blocks that are placed next to each other (for example, a 3 column block), it can happen that the images have different heights, which results in an uneven layout and text sections being placed higher or lower from each other.

This is because the images have different sizes on the website, which then results in the height not always being the same. To even out the images in the blocks, follow the information below.

Here we can see that the right image has a higher height than the other two. We can then double-click on the image that represents the height we want all images to be set to:

By double-clicking, you open a view where you can see the image properties. Here we can, for example, see that the measurement is set to 200 in width and 145 in height:

Then double-click on the other images and change them to the desired height, so that all images next to each other match. Result:

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article

Other ways to get help

Sign up for our next training


Become an expert in Rule and discover the power of all the functions in the platform. We guide you step-by-step!

Contact us to book a Workshop

Discover how you can increase digital engagement and growth in a personal review of Rule

Couldn’t find what you needed?

No worries, feel free to reach out to our support about any queries!

Sign up to our newsletter!

I agree to receive Rules newsletter in accordance with the privacypolicy.