Lightbox spacing

  • Resolved robinwyatt

    (@robinwyatt)


    5 years, 11 months ago

    Hi,

    How can I reduce the very large gap above and below the image in the Lightbox found on this page (or any other image clicked on in this gallery, for that matter)? My concern is that it will not occur to users to scroll down, and they will therefore miss out on the text.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • This should work in Appearance->Customize->Additional CSS

    .a13-post-lightbox-content .subtitle {
    margin-bottom: 10px;
}

.a13-post-lightbox .formatter {
    padding-top: 10px;
}
    Thread Starter robinwyatt

    (@robinwyatt)

    Many thanks indeed, Jarret. Unfortunately, that doesn’t seem to have worked. I have deleted both browser and site cache (and I don’t have a CDN yet), but these measures did not cause the CSS code to ‘take’. Do you have any ideas as to why it might not have worked?

    Theme Author apollo13themes

    (@apollo13themes)

    Hello ??

    Thanks for reporting this. It is a bug.

    By default slider in lightbox is displayed in 16:9 ratio, but here slider is stretched to take full height of the window(bug).

    To fix it please add such custom CSS for now:

    .a13-post-lightbox-content .a13-slider {
    height: 0!important;
    padding-top: 56.25% !important;
}

    It will be fixed in the next update.

    With kind regards.
    Air.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lightbox spacing’ is closed to new replies.