digstertron

No it’s all custom built WP theme. The only plugin I used for variable content is ACF (Custom fields).

There’s nothing wrong with my links.

Thanks again ??

Apologies I realised I hadn’t set the transition container correctly. Sorry for the back and forth and many thanks for your help.

The default template works perfectly but when I apply custom CSS rules they are not being honoured specifically – .alm-listing .alm-reveal behaves of its own accord. My blog posts are displayed within a two column grid which Ajax is ignoring for the custom generated posts.

The problem with using the default code is I am using custom CSS for my Blog layout. The basic repeater template code works but visually it’s not matching my theme.

If I remove the query the posts do not load and I have been through the documentation and followed the steps so I’m really at a total loss.

Hi, this is my code inside the default.php template file:

<?php $_posts = new WP_Query($args);?>

<main class=”fullwidth-blog”>

<div class=”bloglist”>

<?php while($_posts->have_posts()): $_posts->the_post();?>

<div class=”blog_list_outter”>

<div class=”post-grid”>

<h2 class=”blog_heading”>

<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>

</h2>

</div>

<div class=”blog_author”>

<div class=”author_image”><?php echo get_avatar( get_the_author_meta(‘ID’), 60); ?></div>

<div class=”author-profile-post”><?php the_author_posts_link();?></div>

</div>

<div class=”category_title”>

<div class=”category__list__card”>

<p class=”cat”>

<?php the_category(‘, ‘); ?>

</p>

</div>

<div class=”post__stamp”>

<?php the_time(‘F j, Y’); ?>

</div>

</div>

</div>

<?php endwhile; ?>

</div>

</main>

Just thought I’d let you know I managed to add my custom CSS classes to the default template I had to make a slight adjustment to the main container so now it displays in grid format. Problem solved! All the best.

Thanks. That’s the part I’m struggling with! I’ll have a look at those articles.

Here is my template code:

<?php $_posts = new WP_Query($args);?>
<main class="fullwidth-blog">  
<div class="bloglist">
	<?php while($_posts->have_posts()): $_posts->the_post();?>
	<div class="blog_list_outter">
		<div class="post-grid">
			<h2 class="blog_heading">
				<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
			</h2>
		</div>
		<div class="blog_author">
			<div class="author_image"><?php echo get_avatar( get_the_author_meta('ID'), 60); ?></div>
			<div class="author-profile-post"><?php the_author_posts_link();?></div>	
		</div>
		<div class="category_title">
			<div class="category__list__card">
				<p class="cat">
					<?php the_category(', '); ?>
				</p>
			</div>
					<div class="post__stamp">
						<?php the_time('F j, Y'); ?>
					</div>
			</div>
		</div>
		<?php endwhile; ?>
</div>			
</main>

• This reply was modified 1 year, 7 months ago by digstertron.

Here is my new code, problem persists:

<?php echo do_shortcode('[ajax_load_more container_type="div" post_type="post" posts_per_page="4" offset="4" pause="true" scroll="false" button_loading_label="Loading posts"]'); ?>

I was about to post my full code but it’s not letting me post it up here.

• This reply was modified 1 year, 7 months ago by digstertron.

All I want to achieve is for the my post to load chronologically as the user clicks the load more button. I am wanting to show all my posts within my Blog page. Thanks for your help. What should I do next?

What about the WP Admin settings? What should that set to show posts per page I mean? Here is my short code:

‘[ajax_load_more container_type=”div” post_type=”post, page, attachment, any” posts_per_page=”4″ offset=”4″ pause=”true”]’