Move Comment Form Lower

Sparkling
1

Hello Colorib folks! :slight_smile:
I have a question for you:
Do you know how can I move the comment form lower? Right now, the page looks like this:
Content > Comment Form > Previous/Next Post
You can see the example on one page where I have enabled comments: http://alfawebstudio.com/hosting-i-domen/
By default, Previous/Next Post sticks to the end of the content, but comment form pushes is down so it is useless. I really love and enjoy your theme, it’s the best!

2

Here is the CSS for previous/next post:

.post-navigation a,
.paging-navigation a {
  border: 2px solid #DADADA;
  background-color: #FFF;
  padding: 8px 14px;
  font-size: 12px;
  border-radius: 4px;
  display: block;
  margin: 0 0 1.5em;
  overflow: hidden;
}
3

Hi @atila,

I hope you are well today and thank you for your question.

You can achieve this by creating a single.php file in the root directory of your child theme and adding the following code in it.


<?php
/**
 * The Template for displaying all single posts.
 *
 * @package sparkling
 */

get_header(); ?>

	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

		<?php while ( have_posts() ) : the_post(); ?>

			<?php get_template_part( 'content', 'single' ); ?>

			<?php sparkling_post_nav(); ?>

			<?php
				// If comments are open or we have at least one comment, load up the comment template
				if ( comments_open() || '0' != get_comments_number() ) :
					comments_template();
				endif;
			?>

		<?php endwhile; // end of the loop. ?>

		</main><!-- #main -->
	</div><!-- #primary -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Alternatively you can just use the attached child theme that contains the above change.

Best Regards,
Movin