Using the Themify template
I insert a post module on my homepage to display my content.

However, all the post cards/images are different sizes, despite the images being the same size 900×600.

How do I get them all to be the same size? I’ve tried playing around with the settings and selecting Polaroid etc. but posts are always bigger than others.

Any ideas?

On the Post module options, you just need to enter the “Image Width” and “Image Height” option.

Hey there

Actually, this looks OK in Edit mode, but when I visit my site in incognito model as a random user it still has mismatched image sizes?

It appears that the posts with longer titles push the images down which misaligns them.

Any ideas how to fix this?

————-

Amazing! Thanks for solving this.

One more question – can you recommend any tutorials for Themify?

A tutorial on using the UI, but also using HTML, CSS, Javascript as well if possible?

Thanks

Could you post the URL where we can see the Post image size issue? Also, please post a screenshot of your Post module image width/height options.

For tutorials, you can find at our blog and documentations:
– https://themify.me/blog/tutorials
– https://themify.me/docs

japanfun.org – scroll down and you’ll see this

Here’s a screenshot https://imgur.com/a/BATUUbg

Thanks again!

Any ideas on how to fix this? The boxes are not aligned despite the fact that I entered “Image Width” and “Image Height” option

Thanks

The images are cropped at the size you entered: https://share.getcloudapp.com/DOuvmB1Y. The problem is that some of your post title are longer than other (ie. some posts have 1 line of title, some have 2 lines), so it causes the inconsistent layout.

Thanks

.module-post .post-content-inner {
display: flex;
flex-direction: column;
}
.module-post .post-content-inner .post-image {
order: 1;
}
.module-post .post-content-inner .post-title {
order: 2;
}

You should get this outcome: https://share.getcloudapp.com/mXumYAqG