WordPress.org

1. Bernhard Reiter
   Member
   Posted 3 years ago #

   I'd request a thumbnail option that
   * resizes the image proportionally to fit into a given frame (as is already present)
   * then pads the image to fill exactly that frame (transparently, or, if not supported by the image format, with a configurable color, by default ideally with the WP theme background color) -- compare this to a "resize canvas" operation.

   This would yield a proportional, uncropped thumbnail that because of its padding still has fixed dimensions. Looks much better if a gallery contains lots of images with different dimensions than the unpadded version; and it's good in case the cropped thumbnails aren't desirable either.

2. Bernhard Reiter
   Member
   Posted 3 years ago #

   Nevermind, I found a pure-CSS solution. In ngg_shadow.css, replace the "Gallery style" section with the following:

   /* ----------- Gallery style -------------*/

   .ngg-galleryoverview {
   margin-top: 10px;
   width: 100%;
   clear:both;
   display:block !important;
   }

   .ngg-gallery-thumbnail-box {
   float: left;
   display: block;
   width: 110px; /* 100 + 10 */
   height: 85px; /* 75 + 10 */
   background: url(shadowAlpha.png) no-repeat bottom right !important;
   background: url(shadow.gif) no-repeat bottom right;
   margin: 10px 0 0 10px !important;
   }

   .ngg-gallery-thumbnail {
   float: left;
   margin: -6px 6px 6px -6px;
   width: 100%;
   height: 100%;
   }

   .ngg-gallery-thumbnail a {
   display: table-cell;
   vertical-align: middle;
   width: 110px;
   height: 85px;
   background-color: #FFFFFF;
   border:1px solid #A9A9A9;
   position:relative;
   }

   .ngg-gallery-thumbnail img {
   margin: auto;
   display: block;
   }

   .ngg-gallery-thumbnail a:hover {
   background-color: #A9A9A9;
   }

   .ngg-gallery-thumbnail span {
   display:none;
   }

   .ngg-clear {
   clear: both;
   }

Topic Closed

This topic has been closed to new replies.