How to place image caption over the image

  • How d I get Image caption over the image? I mean overlaid, not on top of it. If I use Cover block, then it pushes the image to the background and ruins my proportions of the image.

Viewing 1 replies (of 1 total)

  • Hi there,

    it would require CSS – this should get you started:

    figure.wp-block-image img {
    vertical-align: bottom;
}

figure.wp-block-image {
    position: relative;
}

figure.wp-block-image figcaption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}
Viewing 1 replies (of 1 total)
  • The topic ‘How to place image caption over the image’ is closed to new replies.