• I am trying to add infinite scroll to my “Press” page on my website, but unfortunately everything I try, isn’t working.

    I’ve tried adding Custom CSS along with modifying my Blog Page Template php files and I’ve tried downloading the plugin Infinite Scroll.

    My original CSS file for my “Next” button is as follows:

    #nav-below a:first
    .archive_nav_cont { padding: 30px 0 10px; }
    .archive_nav_cont .left a { display: block; width: 110px; height: 25px; background: url('images/archive-prev.jpg') no-repeat; }
    .archive_nav_cont .right a { display: block; width: 110px; height: 25px; background: url('images/archive-next.jpg') no-repeat; }

    My original PHP file for my Blog Page Template is as follows:

    <?php
    /*
    	Template Name: Blog
    */
    ?>
    <?php get_header(); ?>
    
    		<div id="single_cont">
    
    			<?php
    			$args = array(
    				 'category_name' => 'blog',
    				 'post_type' => 'post',
    				 'posts_per_page' => 6,
    				 'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
    				 );
    			query_posts($args);
    			while (have_posts()) : the_post(); ?>                                            
    
    				<div class="blog_box" onclick="window.location='<?php the_permalink(); ?>'; return false;">
    
    					<div class="blog_box_img">
    						<div class="blog_box_img_hover">
    							<p><?php echo ds_get_excerpt('300'); ?></p>
    						</div><!--//blog_box_img_hover-->
    						<?php the_post_thumbnail('blog-image'); ?>
    						<h3><a href="<?php the_permalink();?>"><?php the_title(); ?></a></h3>
    					</div><!--//blog_box_img-->
    				</div><!--//blog_box-->
    
    			<?php endwhile; ?>
    			<div class="archive_nav_cont">
    				<div class="left"><?php previous_posts_link(' ') ?></div>
    				<div class="right"><?php next_posts_link(' ') ?></div>
    				<div class="clear"></div>
    			</div><!--//archive_nav_cont-->
    
    		</div><!--//single_cont-->
    
    <?php get_footer(); ?>

    CSS I added to Custom CSS:

    .load_more_cont { padding-top: 15px; }
    .load_more_text a { display: block; width: 161px; height: 48px; background: url('images/load-more.jpg') no-repeat; }

    PHP I am trying to add:

    <div class="load_more_cont">
    		<div align="center">
    			<div class="load_more_text">
    				<a href="http://www.dessign.net/modernportfoliotheme/page/2/"> </a>
    			</div>
    		</div>
    	</div>
    	<!--//load_more_content-->
    	<div class="clear"></div>
    	</div>
    	<!--//content-->

    A link to my website is

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Adding Infinite Scroll to Press Page?’ is closed to new replies.