Previously, you helped me get a grid for displaying blog posts (thank you!):
#kad-blog-grid .blog_item .subhead, #kad-blog-grid .blog_item .entry-content, #kad-blog-grid .blog_item footer {
display: none;
}
#kad-blog-grid .blog_item {
border: 0;
margin-bottom: 20px;
position: relative;
}
#kad-blog-grid .blog_item header {
position: absolute;
bottom: 0;
width: 100%;
text-align:center;
padding: 10px;
z-index:1000;
background: rgba(255,255,255,0.6);
opacity: 0;
transition: all .6s ease-out;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
}
#kad-blog-grid .blog_item:hover header {
opacity: 1;
}
#kad-blog-grid .blog_item .postcontent {
padding: 0;
}
#kad-blog-grid .blog_item h5.entry-title {
color: #333;
}
Now, I’m redesigning and wondering if there is a way to adapt the blog-grid code so that the headings look like those you adapted here:
*Login to see link
Can you please help us with that?