Blog thumbs size masonry (single image / slider)

[xnilo]

Hi!

1) All photos on my blog have the same size. At the masonry blog I noticed that there is a different size between single image and slider. The single images seems to have the right proportional size but the slider has a bigger height and seems the be cropped.
Is it possible to set single image and slider to the same height? I want every picture with same size and height.

2) Something similar is also on the blog details page. I use “media display = standard (above content)”. I want the original proportional size for my photos (no cropping). At a single image if I set “title overlay min height = empty” I see the whole photo (without cropping) – that’s fine!
But in slider mode the photos are cropped in the height. How can I deactivate it?
If I set “title overlay min height = empty” oder a high value… Unfortunately, I see no changes.
How do I get a slider without cropping?

Thanks for help!

Dan

[Swift Ideas – Ed]

Hi Dan,

1) Unfortunately due to the way the sliders work we have to specify a prefixed size, and not resize on the fly. The only way I can see you having them all the same size is to upload images that are 4:3. What ratio are your images? Maybe I can see about another solution.

2) Try adding this to your child theme functions.php file. If you aren’t using one, there is one included in the main download that you just need to upload and enable. Code:

function sf_gallery_post($postID, $use_thumb_content) {
			
			$gallery = '<div class="flexslider item-slider">'."\n";
			$gallery .= '<ul class="slides">'."\n";
				
			if ($use_thumb_content) {
			$media_gallery = rwmb_meta('sf_thumbnail_gallery', 'type=image&size=full', $postID);
			} else {
			$media_gallery = rwmb_meta( 'sf_detail_gallery', 'type=image&size=full', $postID);
			}
						
			foreach ( $media_gallery as $image ) {
				$gallery .= "<li><img src='{$image['url']}' width='{$image['width']}' height='{$image['height']}' alt='{$image['alt']}' /></li>";
			}
																	
			$gallery .= '</ul>'."\n";
			$gallery .= '</div>'."\n";
			
			return $gallery;
		}

– Ed