Masonry Gallery – Title and Caption Size Within Lightboxes

  • Resolved rkmanderson

    (@rkmanderson)


    4 years, 11 months ago

    Thank you so much for this amazing plugin; I have just discovered it today and I am already excited at the improvements to my site.

    Is there a way to adjust the font size for the title and caption within the lightbox with using Masonry Gallery? It is too small to read, even on my large monitor.

    The section with the Title and Caption is also extending below and behind the Windows toolbar on my screen so that I have to use the browser scroll bar on the right to see the rest of the text.

    You can see both of these issues in the topmost gallery on the page I have linked. Thank you for any advice you can provide!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author janthielemann

    (@janthielemann)

    Hi, you can use CSS to address the caption and titles like so:

    .mfp-figure .mfp-title { font-size: 30px; }
    .mfp-figure .mfp-title small { font-size: 20px; }

    The scroll issue however cannot be solved easily as the underlying library for the lightbox effect (magnific popup) which comes with Divi itself is not designed for multi line titles and captions. You can only change this for all images at the same time, not on a per image basis:

    .mfp-figure img.mfp-img { padding-bottom: 80px; }
    .mfp-figure .mfp-bottom-bar { margin-top: -76px; }
    .mfp-figure .mfp-figure:after { bottom: 80px; }

    Thread Starter rkmanderson

    (@rkmanderson)

    Thank you so much! For the caption and titles I modified it just a tad so that I could also adjust the line height:

    .mfp-figure .mfp-title { font-size: 30px; }
    .mfp-figure .mfp-title { line-height: 1em }
    .mfp-figure .mfp-title small { font-size: 20px; }
    .mfp-figure .mfp-title small { line-height: 1em; }

    On the Scrolling, I messed around a bit but wasn’t happy with the results. It is not such a huge deal with the text size issue resolved, will have to come back to it at a later time. I would like put these features in in as a production suggestion, because the inability to show captions in a grid gallery at all is one of the really annoying limitations of Divi. You have already saved me on the masonry feature and being able to show captions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Masonry Gallery – Title and Caption Size Within Lightboxes’ is closed to new replies.