Twenty Thirteen overlay caption column problem

  • Resolved lucasmcspucas

    (@lucasmcspucas)


    11 years, 3 months ago

    My Shashin galleries page is not showing the correct number of columns.

    I was having a problem with Shashin and Twenty Thirteen where the overlay captions were not displaying. The fix suggested here made the captions display but changed the column layout

    In the settings it is set to 4 columns but it displays 3 thumbnails in the first row and then 1 thumbnail in the second row. This 3-1 layout is repeated instead of 4 thumbnails on each row.

    If I delete the updated masonry the page goes back to showing 4 columns correctly but not the overlay captions.

    Any ideas?
    website: https://visiontkd.co.uk/galleries/

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Mike Toppa

    (@toppa)

    There are 6 JS errors on that page (not from Shashin), which makes it difficult to debug. Please us the Chrome Dev Tools to see the errors (after you open it, look for the red x icon in the bottom right, with the number 6 next to it, and click it to see the error report). It looks like your theme is failing to load several scripts – I’m not sure why.

    Thread Starter lucasmcspucas

    (@lucasmcspucas)

    Thanks.
    I’m only getting warnings: event.returnValue is deprecated. Please use the standard event.preventDefault() instead.

    Not really sure what this means.

    Plugin Author Mike Toppa

    (@toppa)

    Sorry, I forgot I had my ad blocker on – it was blocking some of the scripts you were loading externally, which triggered the errors. With my ad blocker off, there are no errors.

    Could you try updating to the latest version of Shashin? It’s 3.4.7 – I just uploaded it this morning. It may not address this, but I’d like to debug using the latest code.

    Thread Starter lucasmcspucas

    (@lucasmcspucas)

    Yep, just done. Thanks.

    Plugin Author Mike Toppa

    (@toppa)

    It looks like the thumbnail size and number of columns is just awkward for the content area. Shashin will shrink the thumbnails to try to provide the number of columns you want, but only by a limited amount (your shortcode wants to show them at 150px wide, but Shashin has shrunk them to 130px, to try to make them fit). After that the columns will wrap. So I’d recommend having fewer columns, or specifying a smaller size for the thumbnails.

    Also, I released v3.4.8 a few hours after 3.4.7 (there’s a small bug in 3.4.7), so I recommend upgrading.

    Thread Starter lucasmcspucas

    (@lucasmcspucas)

    Thanks. So I did as you suggested and at first it didn’t work. When I changed the settings in the dashboard it didn’t reflect in the page. However, I got it to work by manually changing the columns in the shortcode.

    Still got the display captions in red but I can live with that.

    Plugin Author Mike Toppa

    (@toppa)

    The settings page controls how many columns are displayed after you click the album thumbnails. The shortcode controls the number of columns of album thumbnails. The default settings are fine for most people, but it allows more control for those who want it.

    The red link color is coming from your theme – it’s overriding the color Shashin is setting (white). You can customize the Shashin link color settings in its stylesheet. More info is here:

    https://www.toppa.com/shashin-wordpress-plugin/#stylesheets

    Look for .shashinThumbnailCaption and change

    color: white;

    to

    color: white !important;

    Thread Starter lucasmcspucas

    (@lucasmcspucas)

    That’s awesome. Thanks very much.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Twenty Thirteen overlay caption column problem’ is closed to new replies.