Viewing 1 replies (of 1 total)
  • Edit your CSS to include (wpinstagram.css)

    display: inline;
    float: left;

    Under

    ul.wpinstagram, ul.wpinstagram li, ul.wpinstagram li a, ul.wpinstagram li a img {
    	margin: 0 !important;
    	padding: 0 !important;
    	border: 0 !important;

    Then edit your PHP (wpinstagram.php)
    Look for:
    echo '<ul class="'.$cls .'" style="width: '.$imagesize.'px; height: '.$imagesize.'px;">';

    Initially the open and close

      is outside the foreach.

    Change it like so

    foreach($images as $image):
    					$imagesrc = $image[$imagetype];
    									echo '<ul class="'.$cls .'" style="width: '.$imagesize.'px; height: '.$imagesize.'px;">';
    
    					echo '<li><a href="http://ink361.com/p/'.$image['id'].'" data-user-url="http://ink361.com/#/photo/'.$image['id'].'" data-original="'.$image['image_large'].'" title="'.$image['title'].'" rel="'.$this->id.'" data-onclick="http://plugin.ink361.com/photo.html?id='.$image['id'].'">';
    					echo '<img src="'.$imagesrc.'" alt="'.$image['title'].'" width="'.$imagesize.'" height="'.$imagesize.'" />';
    					echo '</a></li>';
    									echo '</ul>';
    				endforeach;

    That will show a grid of images.

Viewing 1 replies (of 1 total)
  • The topic ‘more photos’ is closed to new replies.