New Landing How can we help? Cardinal Blog thumbs size masonry (single image / slider)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Posted in: Cardinal
  • #90399
    xnilo
    Member
    Post count: 13

    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

    #90467
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register