Blog (Meta on Image) make same height

Hi,

Is it possible to make each blog entry the same height?
Image attached.

Thanks.

Attachments:

You must be logged in to view attached files.

Also, I’d like to show blogs 3 on desktop, 2 on tablet and 1 on mobile.

Thanks

Hello,

The difference in height between blog entries is primarily due to the length of post titles. Longer titles naturally take up more vertical space, which affects the overall height of each entry.

If you’d like, share the page URL where the blog entries are situated so I can check and give you a possible custom css code.

Best Regards,

Hi,

The URL is https://dev.infatot.com/

Also, I’d like to show blogs 3 on desktop, 2 on tablet and 1 on mobile, as these are just blog previews.

Thanks.

I’ve fixed the problem with showing 3 on desktop, 2 on tablet and 1 on mobile.

I only now need help making the blog posts the same size.

Hello,

I’ve checked your site and currently see only one blog post:
https://ibb.co/Q79j9HVH

Could you please add a few more blog posts, similar to what you showed in the screenshot? Once they’re added, I’ll be able to check and align them to have the same height.

Best Regards

That’s odd. I’ve opened in incognito and can see the 3 images on desktop.
Please see attached.

Attachments:

You must be logged in to view attached files.

Hello,

01. Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.blog-design-meta-image .post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* Change this value to control the number of lines */
}

02. For the blog columns, edit the blog widget in Elementor and in the style tab change the number of columns on different devices: https://ibb.co/hxC3szRz

Best Regards,

[Author]

Posts