Support » Fixing WordPress » Image caption in image

  • Hi all i have an issue with all of my image that caption appear in the images. This isnt a real issue until its viewed onto a mobile device in which you barely can see the image. How can i make the caption appear below the image

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Hello,

    Try adding the following custom CSS into your themes custom CSS section:

    @media only screen and (max-width: 768px) {
    .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
        flex-direction: column !important;
    }
    
    .blocks-gallery-item__caption {
        position: relative !important;
        top: auto;
        left: auto;
        bottom: auto !important;
        margin-top: 10px;
        height: auto;
        padding: 0 !important;
        overflow: initial !important;
        color: #333 !important;
        background: transparent !important;
    }
    }

    It should make the captions appear below the images for screen sizes of less than 768 pixels.

Viewing 1 replies (of 1 total)
  • The topic ‘Image caption in image’ is closed to new replies.