Hi jack3,
We haven’t updated for making the entry title beneath the images because it will somehow affects the grid Layout design. But if you really want to show the entry title then we have a customized CSS code for you which will help to show entry title above the bottom of the images as overlay. To do so please go to ‘Appearance > Customize > Additional CSS’ and paste the below provided Custom CSS Code.
@media (min-width: 992px) {
.has-post-thumbnail .entry-wrap .entry-main:not(:hover) {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
background-color: transparent;
}
.has-post-thumbnail .entry-wrap .entry-main:not(:hover) .entry-title {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: 0;
padding: 20px;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.5);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.8));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.4));
}
.has-post-thumbnail .entry-wrap .entry-main p {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
.has-post-thumbnail .entry-wrap .entry-main:hover p {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}
}
Thanks