Make images smaller and move image counter to bottom

  • Resolved msbt

    (@msbt)


    4 years ago

    Hi there! Two quick questions about the image sizes (sorry if this was asked already, but that search feature isn’t great) and the location of the topbar/image counter: Is it possible to make the images in the lightbox smaller than they are? I tried

    .pswp__img {
    max-height: 80vh !important;
    max-width: 80vw !important;
}

    but the images weren’t centered anymore.

    The second thing: I would want to show the image counter at the bottom and I “fixed” it by

    .pswp__top-bar {
    top: auto;
    bottom: 0;
    height: 80px;
}

    but that’s rather hacky, because some elements use the default 44px height from the bar that’s no longer there.

    Best regards,
    M

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

    (@awelzel)

    No – making images smaller is not possible since PhotoSwipe is designed use the available space for the image. Also image centering is not done just by CSS rules but PhotoSwipe also takes the real image size into account when building the layout.

    About the image counter: There is no official way to customize the position and therefore this is not supported as well.

    Thread Starter msbt

    (@msbt)

    aye, thanks for the quick reply!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Make images smaller and move image counter to bottom’ is closed to new replies.