BlogPosts widget equal height

Hi nimas,

Thanks for reaching out to us.

If you want to keep the blog posts at the same height, there are options in the editor. You will see two options Crop title by word and Crop content by word. If you put a number for each option then the height will be the same. Please watch the video for a better understanding. Hopefully, you will get the idea.

Let me know if you need further assistance.

Regards,
Amir

Hi Amir,

Thanks for the reply and screen recording. Unfortunately, this does not work in our case. Our website is in Thai and sanksrit type language doesnt follow the conventional English format for words (some sentences can have no break/space between words). Hence why I wanted to achieve this with some CSS. Can you please point me in the right direction to achieve this with CSS?

thanks!

Hi nimas,

Hope you are doing fine. Your given website is not loading. We will apply CSS to your site. Please solve this loading issue and let us know. We will check the blog issue and help you find the solution as soon as possible.

Waitng for your response. We are here to help you.

Regards,
Amir

Thanks, Amir. Our site is geo-locked to our region, but please give me some time to create a publicly accessible version. hopefully within today! Really appreciate all your help!

Hi Amir,

Please try to access the site now. It will be open for a short time. Thank you very much!

Hi nimas,

Hope you are doing fine. Your site is still not loading. Please keep it open for 1-2 days or create a staging site of it. Waiting for your response.

Regards,
Amir

Hi Amir,

Thanks for that. Yes it was left open for a few days but I guess over the holiday break you guys were not available. Thats ok, I have created a staging site but access is behind a login. Can i send you some credentials? what is the safest way to do so?

Thanks!

Hi Amir,

Please ignore the above message. Sorry for the confusion. Please access the site here: https://mittaredevelopment.com/careers/

This page is accessible and contains the post grid with unequal heights towards the bottom of the page.

Many thanks for your patience and support!

Hi nimas,

Hope you are doing fine. I am extremely sorry for the delayed response. I have visited the career page of your site and have found that the blog posts are in the same height. Please check the screenshot for a clearer understanding.

Let us know if you still need assistance on this matter.

Regards,
Amir

Hi Amir,

Thanks for the reply and no problem at all. Actually, when the title or other info exceeds more than one line the heights are not equal. You can see that on the second row, last square on your screenshot that the height is longer than the ones next to it. Can you describe how to equalise it if this is the case?

Please see the arrow on my screenshot to the area I am referring to:

https://drive.google.com/file/d/1IY-fFUFQOs3RwT6GOKlwtOeZd7T8-_eG/view?usp=sharing

Many thanks for your help!

Hi nimas,

Hope you are doing fine, and extremely sorry for the delayed response. The height can be adjusted easily with the custom CSS. Please add this below CSS code in Appearance → Customize → Additional CSS

.elementskit-post-card .entry-title {
    height: 28px !important;
}

Let us know if you need further assistance.

Regards,
Amir

Hi Amir,

This is great, thank you!

Only thing is the othr post cards are not affected. Is a different CSS class needed to target them?

Please see example her at the bottom of the page: https://mittaredevelopment.com

The news post cards are all different heights.

Thanks!

Hi nimas,

Hope you are doing fine. Please use the following CSS to fix this height issue.

.elementor-element-48a5f3d4 .entry-title {
    height: 65px !important;
}

Let us know if you need additional assistance.

Regards,
Amir

Hi Amir,

thanks for that. In all cases the CSS youve provided targets the entry title. But if the images are a different size then the equalisation of height is not effective. Is there a way to taregt the post container instead?

Thanks!

Hi nimas,

Hope you are doing fine and extremely sorry for the delayed response. If the images are in different sizes, then you need to adjust them with CSS. You can set a height for the image to solve the issue. Hopefully, you understand the matter.

Please feel free to reach out to us if you have any other queries.

Regards,
Amir