Options

Lightbox image container responsive sizing without affecting image quality. Can it be done?

RyncwnRyncwn Registered Users Posts: 7 Big grins

Once again I must bow and beg you code-savvy geniuses for assistance. Please forgive me if this has been dealt with elsewhere but I have spent an hour searching through the archives and cannot find anything. I have also contacted SM support but received a generic reply that appeared to avoid answering the question.

Smugmug Lightbox display settings currently affect the detail and resolution of images in the lightbox but not the image container dimensions.
I would love to display my lightbox images at a responsive 70% of the browser screen, whilst still seeing maximum sharpness and resolution in the image. The display size would be set to a setting that allows all the clearest detail ( ie iPadx4 or higher ) but wouldn't have to fill the entire screen.
I have seen this done on other websites outside of the Smugmug platform and would love to be able to do this on my site too.

Does anyone think this is possible?

I tried coming up with a bit of CSS in case I got lucky, but it didn't work.
Maybe something along the lines of...
/* Adjusting lightbox image size /
.sm-lightbox-image-container img {
max-width: 70%;
max-height: 70%;
margin: auto; /
Centers the image horizontally */
}

I tried using .sm-lightbox-image too but that didn't help.

Thanks in advance for any enlightenment.

Comments

  • Options
    rhtrht Registered Users Posts: 43 Big grins
    edited May 12, 2024

    Can we get to see your site at all?

    One of the annoying things with Smugmug is that it has a fair few "automatic" features that make styling the site more difficult.

    w: Reheat Images
    Torn between cycling and photography!
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins

    That last Curly bracket "}" outside the */ "comment end" will interfere with your CSS.

    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    RyncwnRyncwn Registered Users Posts: 7 Big grins

    @rht said:
    Can we get to see your site at all?

    One of the annoying things with Smugmug is that it has a fair few "automatic" features that make styling the site more difficult.

    Hi @rht, thank you very much for responding. Yes, my site is www.ryancowan.com
    Thank you. ( if you need to see a gallery lightbox, then you could use this one https://www.ryancowan.com/1/Commercial/ARC/Oxford/Showcase1/Showcase2/n-mcrKXg )

Sign In or Register to comment.