Fullscreen theme from GraphPaperPress – how to get more images on the screen?

Go into your template files, see if there’s a custom query limiting the amount of posts being pulled. You can probably modify it from there.

If that’s not the case, it may be limited based on your settings for how many blog posts can show on a page.

iv changed the blog posts on a page setting to 20.

i’ve found the custom queries, the top one is 5, the bottom is 7, offset -5.

i’ve tried changing the top custom query but it makes the image drop underneath the first one and large, rather than at the end of the first row….

Once you change the top custom query you’ll need to find the corresponding CSS and JavaScript to manipulate it to handle more than 5 on the screen without dropping down.

You should install FireBug on Firefox, that will help you pinpoint the issue in no time!

<!-- Begin top thumbnails -->
<div class="home-thumbs">
<?php $home_query = new WP_Query("cat=&showposts=5"); $i = 0; ?>
<ul class="thumbs">
	<?php while ($home_query->have_posts()) : $home_query->the_post();
	    $do_not_duplicate = $post->ID; $i++; ?>
	<?php if ( has_post_thumbnail() ) : ?>
	    <li class="post-<?php the_ID(); ?> thumb-big"><?php get_the_image( array( 'custom_key' => array( 'thumbnail' ), 'default_size' => '320x320', 'width' => '320', 'height' => '320' ) ); ?></li>
	<?php else : ?>
	    <li class="post-<?php the_ID(); ?> thumb-big"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo getimage('medium'); ?>&h=320&w=320&zc=1" alt="<?php the_title(); ?>" /></a></li>
	<?php endif; ?>
    <?php endwhile; wp_reset_query(); $i = 0; ?>
</ul>
</div>

<!-- Begin bottom thumbnails -->
<div class="home-thumbs bottom-thumbs">
<?php $home_query_bottom = new WP_Query("cat=&showposts=40&offset=5"); $b = 0; ?>
<ul class="thumbs">
	<?php while ($home_query_bottom->have_posts()) : $home_query_bottom->the_post();
	    $do_not_duplicate = $post->ID; $b++; ?>
	<?php if ( has_post_thumbnail() ) : ?>
	    <li class="post-<?php the_ID(); ?> thumb"><?php get_the_image( array( 'custom_key' => array( 'thumbnail' ), 'default_size' => 'thumbnail', 'width' => '160', 'height' => '160' ) ); ?></li>
	<?php else : ?>
	    <li class="post-<?php the_ID(); ?> thumb"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo getimage('medium'); ?>&h=160&w=160&zc=1" alt="<?php the_title(); ?>" /></a></li>
	<?php endif; ?>
    <?php endwhile; wp_reset_query(); $b = 0; ?>
</ul>
</div>

is what i have for it,

then in the css

/* Home Thumbs & Nav*/
.home-thumbs { margin-top: 0; padding: 0; overflow: auto; overflow: -moz-scrollbars-none; }
.bottom-thumbs {position: absolute; top: 440px; left:0;}
.thumbs { display:hidden; }
ul.thumbs { width: 1600px; list-style: none; margin: 0; padding: 0; position:relative; top:0; left:0; right:1600px }
ul.thumbs li { float: left; width: 160px; height:160px; margin:0; overflow:hidden; }
ul.thumbs li.thumb-big { float: left; width: 320px; height:320px; margin:0; overflow:hidden; }
ul.thumbs li img.attachment-thumbnail { margin:0 }
ul.thumbs li.thumb-end {margin-top:144px}

i changed the number of posts=5 to 10, then changed the width to 3200px, but it did exactly the same as before…

It works in Firefox when I change the code using Firebug. Not sure what the issue is on your end.

EDIT: Make sure that you refresh your cache when you test out new changes.