How To Permanently Display Jetpack Tiled Gallery Image Captions

  • Resolved danieldigitalmkt

    (@danieldigitalmkt)


    8 years ago

    Hello everyone,

    All I want is to have image captions displayed all the time – and not only on hover – on my squared tiled gallery pictures.

    With the CSS below I could almost get it

    .tiled-gallery-caption.tiled-gallery-caption {
    background: #eee;
    background: rgba(255,255,255,.7);
    color: #333;
    font-size: 15px !important;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 0;
    position: absolute !important;
    bottom: 0;
    text-indent: 10px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    display: block !important;

    but I still get a “buggy” effect: when you move the cursor to hover over any other image the previous image’s caption goes down quickly – and then
    it goes back up again – and that’s it. I don’t want the captions to move at all.

    Here’s the page so you can see it:

    https://aguiarqualidade.com.br/fotos-teste/

    If you know how to get the captions to be permanently displayed just tell me how!

    Many thanks.

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

    (@jeherve)

    Jetpack Mechanic ??

    Something like this should help:

    .tiled-gallery-item .tiled-gallery-caption {
    overflow: overlay;
    text-overflow: inherit;
    white-space: normal;
    text-indent: 0;
    padding-left: 10px;
    display: block !important;
}
Viewing 1 replies (of 1 total)
  • The topic ‘How To Permanently Display Jetpack Tiled Gallery Image Captions’ is closed to new replies.