Same Height Blog Grid Articles For Educon II
Ubuntu
Hello Am seeking for help and support to have blog articles to have the same height educon II template.Link below https://citsug.org/educon/index.php/news-stories/blogs/blogs-by-operations-and-programme-support
Paul Frankowski
Accepted AnswerUse that Custom CSS (copy all lines)
@media screen and (min-width: 1440px) {
.view-category #sp-main-body .article-list .article
{min-height: 520px; margin-bottom: 30px; }
}
@media screen and (min-width: 1280px) {
.view-category #sp-main-body .article-list .article
{min-height: 580px; margin-bottom: 30px; }
}
Inside custom.css file, it will help for most laptops & desktops.
Paul Frankowski
Accepted AnswerHi,
As you probably noticed so far, all your blog items have different lengths of article titles - which destroys the default grid structure. Only by using extra Custom CSS you can correct that. Because I don't think you want to shorten or lengthen post titles, am right?
But I strongly recommend adding two-three extra words to post title "Resuscitating Stories" at least that small change. Then....
Ubuntu
Accepted AnswerThank you paul..am seekingsupport for that extra custom css to achieve same height regardless the content.
Paul Frankowski
Accepted AnswerIf above CSS will not help, consider adding background color not for .article class as you did orginally, but for column class in grid.
.article-list .col-lg-4 { ...}
But this CSS customization is on your hands. It request adding bottom-margin, paddings inside, etc..