Teline V Blog Layout Article Alignment

timk2023

I'm having an issue with the homepage blog layout of articles. I have the site set to display 6 articles in two columns. It appears that the template is trying to justify the tops of two articles positioned side-by-side. However, if the article on the left is larger than the article on the right--either due to more intro text or larger photo--it's leaving a massive amount of white space and bumping the one column down to another line.

If this isn't evident on the site homepage, navigate to page 2 or 3 and you should see it.

I made a series of edits in custom.css but this problem was occurring before I started any of that work. Do you have any suggestions for fixing? Any way to add some padding between the articles that's only used when needed? I played around with both padding and margins in CSS and it didn't seem to have any effect.

saguaros

timk2023 Hi

You can try this custom CSS:

.blog-featured .article-intro {
    min-height: 410px;
}

timk2023

OK thanks. That helped.

The other things that seemed to be going on was some of my category names were so long that they were causing the link to be bumped down to another line on the home page. That extra space in the header was throwing things out of whack. When I shortened the category name so they would consistently fit on the same line with the author's name, things fell back into place. Just an FYI for anyone else encountering this problem.