Blog post formatting issue

I see you’re using Elementor page builder and I think for row option you have used fit height option which is why its taking more height for the columns.

It seems that you’re facing inconsistent spacing between blog images and text, possibly triggered by plugin actions. Check if caching is affecting the live site view and ensure Elementor displays the same mode as the front end. Inspect the live site for conflicting styles using browser developer tools, review theme settings for blog layouts, and confirm plugin compatibility. Examine Elementor settings for padding or margin adjustments, inspect custom CSS for styling, and check browser compatibility. Verify Elementor templates’ correct application and ensure customizations are made in a child theme. After changes, clear the browser cache and refresh the page for potential resolution. If issues persist, seek assistance from Elementor or theme support forums.

the same problem was with my client the URL fashioninout.com if you want to visit

I can’t find a setting for column height. Where would that be? Also, any idea which plugin would cause this?
Thanks for your responses!

There is a padding being applied to image in elementor, check screenshot link https://www.awesomescreenshot.com/image/45333810?key=1914dcc34dc7808a17f810c0a67728c7

• This reply was modified 10 months, 2 weeks ago by swayam.tejwani.

Thanks for the screenshot, but I’m looking in the padding section of Elementor and don’t see any padding set at all.
https://tinyurl.com/yudmy9mg

You can add below css code in Appearance->Customize additional css

.elementor-72 .elementor-element.elementor-element-a3c0e1d .elementor-posts-container .elementor-post__thumbnail{
padding-bottom:0;
}

.elementor-228 .elementor-element.elementor-element-1517480 .elementor-posts-container .elementor-post__thumbnail{
padding-bottom:0;
}

however this is not an effective solution as I believe there might be settings for padding in Elementor whether in row or somewhere else (need to check in wp-admin) but for the time being the above solution will work and fix the spacing issue.
Let me know if this helps.

I added that CSS, but it didn’t have any affect on the page. (I’ve also deleted my browser cache and used incognito)

Where you have added the css, I can’t see it on page reflecting?
I tried it in firebug and it seems to work. https://www.awesomescreenshot.com/image/45370412?key=7acaceaa562a3827c2009ec124daf9f9

Sorry, was trying different things and forgot to put CSS back in there. It’s there now on the blogs page, but still doesn’t look any different.

Seems to be working I believe https://techhelpfornonprofits.org/blogs/ ?

It does look better, but is there a way to resize the images so they’re all close in size? A good example is on the home page. The four blog posts aren’t aligning correctly.

Keep the same size for featured images and it will look good