Image caption in image

  • danieldohrman

    (@danieldohrman)


    6 years, 2 months ago

    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)
  • Stergos Zamagias

    (@stergosz)

    6 years, 2 months ago

    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.