davidjcook10

Thanks so much. This almost works perfectly. The border is around just the image, which is what I wanted, so check there. I don't want a rounded border so I set the border-radius to 0. Check there. The last small detail is that the border only appears on the left and right side of the image, not the top and bottom. If I adjust the second translate property to -49% I can get the border on the left, right and top, but not the bottom. Similarly, if I set the second property to -51%, I get a left, right and bottom border, but no top. Ideally I'm looking to get a border on all sides of the image with a border radius of 0. Thanks for all your help with this. It's already a big improvement and I am very grateful for your solutions.

Thanks. It did work, mostly. I like it better than what I had, but it's one step short of what I want. Rather than the border being a fixed rectangle that is around any possible image in the lightbox (thus the large width and height in your suggested CSS), I am really trying to get the border to be around just the image. where the width and height would vary based on the size of the image in the lightbox. If a different size image appears in the lightbox, the border will also change size so the border is around the image itself, not a fixed size border that encloses all possible images in the lightbox. I experimented with the Custom CSS you provided (thanks for that) and my guess is that it may not be possible. Thanks again for this CSS code, I like it better than what I had.

Yep, that's essentially it. I probably want a wider border, but that's basically what I am looking at

Site is davidjcookphotography.com password is davidjcook

Site URL is https://papaya-lemon-3zw7.squarespace.com/

I'm looking for a way to create a border around an image appearing in a Lightbox. I'm assuming there is some custom CSS that will do this, but I have been experimenting and searching for options and haven't had any luck yet. Ideas?