[Resolved] Grid block images – caption

[Petri]

Hi Support,

I added a grid with 5 blocks, in each block there’s a photo with a caption.
The caption is now below the image, I would like to display it on the image (at the bottom, a bit like on the gutenberg gallery).

Thanks.

[David]

Hi there,

try adding this CSS:

.wp-block-image {
    position: relative;
}
.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    padding: 5px;
    text-align: center;
    background: rgba(255,255,255,0.5);    
    color: #000;
}

[Petri]

That works great, thank you!

[David]

You’re welcome

[Author]

Posts