[Resolved] How to do consistent image captions

Home Forums Support [Resolved] How to do consistent image captions

Home Forums Support How to do consistent image captions

  • This topic has 1 reply, 2 voices, and was last updated 1 year ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1465132
    Ben

    Hello,
    I am struggling with image captions.
    When I insert a gallery I get captions which sit inside the image at the bottom in the middle with a white stripe at the bottom. This I like. This I want.

    When I insert and image NOT in a gallery the image caption is below the image, in the middle and not backed with a white stripe.

    How do I make what is happening to the gallery images happen to the captions on the normal images?

    See this page to give an example of both – http://www.keepsafestorage.co.uk/corporate-event-management/retail-personalisation/

    #1465206
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .wp-block-image {
        position: relative;
    }
    .wp-block-image figcaption {
        background: rgba(255, 255, 255, .7);
        color: #000;
        text-align: center;
        padding: 10px;
        margin-bottom: 0;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        width: 100%;
        max-height: 100%;
        overflow: auto;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.