Hi, probably there were a misunderstood with all back and forth with this issue because I was trying to do the same and I followed all the discussion, but I had the same problem, then I realized that it was a code missing or I am not sure if that was missing but I wrote in the child css file this
.blog .hentry span.hometitle {
position: absolute;
top: 70px;
width: 100%;
color: #FAFAFA;
display: table-cell;
font-family: Baskerville,"Playfair Display","Times New Roman",serif;
font-size: 3.2rem;
font-style: italic;
height: 180px;
line-height: 32px;
overflow: hidden;
text-align: center;
transition: background 0.4s ease-in-out 0s;
vertical-align: middle;
width: 180px;
word-wrap: break-word;
}
.blog .hentry {
position: relative;
}
.blog .hentry span.hometitle {
position: absolute;
top: 73px;
width: 100%;
text-align: center;
}
.blog .hentry {
position: relative;
so it worked well.