• Resolved yandoos

    (@yandoos)


    Hello

    I’m testing out the tiled galleries on Jetpack and have a problem with the captions. They seem to appear when hovering over the image. The problem is that the text does not wrap within the width of the image itself resulting in most of the caption text being hidden off the side. Any ideas on how I can fix this please?

    Thanks

    Tom

    https://www.ads-software.com/plugins/jetpack/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    That’s indeed done by design, to avoid that the caption covers all the image if it’s too long.

    You can use Custom CSS to change that default behaviour. Try adding the following CSS to your theme stylesheet, or to your custom CSS editor available under Appearance > Edit CSS in your dashboard:

    .tiled-gallery .tiled-gallery-caption {
        overflow:visible;
        white-space: normal;
        padding: 10px;
    }
    Thread Starter yandoos

    (@yandoos)

    Thank you for the reply. Is there away I can add the scroll bar so users can scroll down to read all the text there?

    Thank you

    Thread Starter yandoos

    (@yandoos)

    Hello

    Alternatively can the height of the overlaying caption be taller than the actual image is to fit in all the text?

    Thank you

    Thread Starter yandoos

    (@yandoos)

    Hello

    Sorry to keep posting here but is there a way to hide the caption until the image is clicked and then view it in media link?

    Thread Starter yandoos

    (@yandoos)

    Sorry I was going a bit mad there with all these posts. I have managed to fix it well enough by stopping the captions completely on a specific page. Thanks

    .page-id-62 .tiled-gallery-caption {
    display:none !important;
    }

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Is there away I can add the scroll bar so users can scroll down to read all the text there?

    A scrollbar probably wouldn’t be a great idea since your readers would find it hard to mouse over the image, then go to the scrollbar, then scroll without leaving the image or the caption would disappear.

    Alternatively can the height of the overlaying caption be taller than the actual image is to fit in all the text?

    I’m afraid that won’t be possible, as it would break the gallery layout.

    is there a way to hide the caption until the image is clicked and then view it in media link?

    You could hide the captions altogether with this CSS:

    .tiled-gallery .tiled-gallery-caption {
        display: none !important;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Tiled Gallery captions’ is closed to new replies.