Reply To: Can I create a featured post grid layout?

Home Forums Support Can I create a featured post grid layout? Reply To: Can I create a featured post grid layout?

Home Forums Support Can I create a featured post grid layout? Reply To: Can I create a featured post grid layout?

#110013
Tom
Lead Developer
Lead Developer

This may be a good starting point using masonry:

.masonry-post .inside-article {
	min-height: 150px;
	position: relative;
	overflow: hidden;
}
.masonry-post .entry-header {
	bottom: 0;
	right: 0;
	z-index:10;
	position: absolute;
	padding: 30px;
}
.masonry-post .post-image img {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
.masonry-post .entry-content,
.masonry-post .entry-summary,
.masonry-post footer.entry-meta {
	display: none;
}

Will definitely need some adjusting..

If you have issues with the image stretching, try to replace the .post-image img block with this:

.masonry-post .post-image img {
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100vw;
}