Thumbnail grid display broken when photo titles are displayed below thumbnail

  • Resolved j.johnston

    (@jjohnston-1)


    8 years, 1 month ago

    Hi Sayontan,

    I’m seeing an issue with the display of the image grid when using the “Lightgallery” lightbox library, and “Image layout” (Generic Options > Layout) is set to “Square thumbnail grid” or “Circular thumbnail grid”.

    When the “Photo Title Display” option (Picasa > Photos Main Page) is set to “Below the thumbnail”, the resulting grid of thumbnail images appears scattered on the page. It’s not a grid at all, instead appearing very random. It seems that the length of the image caption (data-title and data-sub-html) is causing an unexpected padding to the left and right of the image, if the length of the caption string exceeds the width of the thumbnail.

    If it makes a difference, “Constrain Photos Per Row” is set to “Fix the padding around the thumbnails”.

    This issue is occurring in Firefox 51, Chrome 55 and Edge 38.

    If I set the “Photo Title Display” option to “Normal title display using the HTML “title” attribute”, “Using the JQuery Tooltip plugin” or “Slide up from bottom upon hover”, this issue does not occur.

    Thank you!

    WordPress 4.6.1 running Pictorico theme.
    Running PHP version: 5.6.28
    Photonic 1.62

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    It is hard to say without a URL, but this is most likely due to styling from your theme. The data-title and data-sub-html attributes have nothing to do with the layout. Another possibility is question 3 on the FAQ.

    Thread Starter j.johnston

    (@jjohnston-1)

    Correction, it’s the content of:

    <div class=”photonic-photo-title photonic-title”>Put a moderately long string here</div>

    that’s causing the issue.

    Thread Starter j.johnston

    (@jjohnston-1)

    And you’re right. I have some .css that is setting the display of this photo title to hidden. If I unhide it, the title is displayed as one might expect if you set “Photo Title Display” to “Below the thumbnail”.

    Closed as non-issue.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Thumbnail grid display broken when photo titles are displayed below thumbnail’ is closed to new replies.