Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-05-10 01:28:51

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,081
Website

Add a border around your Photoswipe large image

Here's something Mike Blanchette did for his test site: placing a border around the large images in your albums. It looks nice.

Put this in your custom css. Adjust border width, shadows, and colors to your liking. The box-shadow is pretty subtle, so you could eliminate that. Or play with it:

img.pswp__img {
    border: 1px solid #A39994;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

#2 2016-06-16 16:03:26

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,919
Website

Re: Add a border around your Photoswipe large image

Having done some testing and experimentation adding borders and padding to Photoswipe's images, I have concluded that Photoswipe simply is not built to nicely handle such styling. I must recommend against customizing your gallery in this way.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB