BlogPosts widget equal height

Resolved nimas
(@nimas-1)

1 year, 2 months ago

Hi, ive tried a number of css snippets to target the BlogPosts widget for equal height columns but cant seem to get the desired outcome.

Any help would be greatly appreciated!

P.s. might be a stretch, but would be nice to enable a provision for this in the widget settings 🙂

The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)

Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year, 2 months ago

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

Thread Starter nimas
(@nimas-1)

1 year, 2 months ago

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!

Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year, 1 month ago

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

Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

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!

Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

Hi Amir,

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

Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year, 1 month ago

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

Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

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!

Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

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!

Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year, 1 month ago

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

Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

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!
Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year, 1 month ago
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
Thread Starter nimas
(@nimas-1)

1 year, 1 month ago

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!
Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year ago
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
Thread Starter nimas
(@nimas-1)

1 year ago

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!

Plugin Support Ahmed Amir Hossain
(@ahmedamir)

1 year ago

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

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘BlogPosts widget equal height’ is closed to new replies.