Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

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: 17,830
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 2/3 test site

Offline

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

Matthew
Administrator
From: San Francisco, CA
Registered: 2012-09-24
Posts: 5,795
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.


Matt

The Turning Gate, http://theturninggate.net

Offline

Board footer

Powered by FluxBB