How to get blog titles to show up as a caption overlay

Site URL: https://www.thefavoriteco.com/

Hi there,

I had my designer develop consistent blog backgrounds but i cannot figure out how to get the title of the blog to appear as a caption overlay instead of below the image. Is there a workaround for this?

Thanks, all!

I have this on my list of things that I wish Squarespace did easily. Let me add a section above blog posts or heck maybe even the thumbnail image would work fine for now.

Following.

You can try play around with CSS (Home > Design > Custom CSS)

@media screen and (min-width:992px) {
/* remove spacing */
.blog-article-spacer {
    display: none;
}
/* text overlap image */
.blog-basic-grid--text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.5);
}
/* text color */
.blog-basic-grid--text a {
    color: white !important;
}
}

Thanks so much to both of you! I'll give it a try! A+