comments.php

<?php
/**
 * The template for displaying Comments.
 * The area of the page that contains both current comments
 * and the comment form.
 * If the current post is protected by a password and
 * the visitor has not yet entered the password we will
 * return early without loading the comments.
 *
 * @package zerif-lite
 */

if ( post_password_required() ) {
	return;
}
?>

<div id="comments" class="comments-area">

	<?php if ( have_comments() ) { ?>

		<h2 class="comments-title">

			<?php
			$comments_number = get_comments_number();
			if ( 1 === $comments_number ) {
				/* translators: %s: post title */
				printf( _x( 'Un commento su questo post.', 'comments title', 'zerif-lite' ), get_the_title() );
			} else {
				printf(
					/* translators: 1: number of comments, 2: post title */
					_nx(
						'%1$s commento su questo post.',
						'%1$s commenti su questo post.',
						$comments_number,
						'comments title',
						'zerif-lite'
					),
					number_format_i18n( $comments_number ),
					'<span>' . get_the_title() . '</span>'
				);
			}
			?>

		</h2>

		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) { ?>

		<nav id="comment-nav-above" class="comment-navigation">

			<h2 class="screen-reader-text"><?php _e( 'Leggi i commenti', 'zerif-lite' ); ?></h2>

			<div class="nav-previous"><?php previous_comments_link( __( '&larr; Commenti precedenti', 'zerif-lite' ) ); ?></div>

			<div class="nav-next"><?php next_comments_link( __( 'Commenti più recenti &rarr;', 'zerif-lite' ) ); ?></div>

		</nav><!-- #comment-nav-above -->

		<?php } ?>

	<ul class="commentlist">
<?php wp_list_comments( 'type=comment&callback=mytheme_comment' ); ?>
</ul>

		<?php if ( get_comment_pages_count() > 1 && get_option( 'page_comments' ) ) { ?>

		<nav id="comment-nav-below" class="comment-navigation">

			<h2 class="screen-reader-text"><?php _e( 'Leggi i commenti', 'zerif-lite' ); ?></h2>

			<div class="nav-previous"><?php previous_comments_link( __( '&larr; Commenti precedenti', 'zerif-lite' ) ); ?></div>

			<div class="nav-next"><?php next_comments_link( __( 'Commenti più recenti &rarr;', 'zerif-lite' ) ); ?></div>

		</nav><!-- #comment-nav-below -->

		<?php } ?>

	<?php } ?>

	<?php

		// If comments are closed and there are comments, let's leave a little note, shall we?
	if ( ! comments_open() && '0' != get_comments_number() && post_type_supports( get_post_type(), 'comments' ) ) :
		?>
	<p class="no-comments"><?php _e( 'Il post è chiuso.', 'zerif-lite' ); ?></p>

	<?php endif; ?>

	<?php
	comment_form(
		array(
			'comment_notes_after'  => '',
		)
	);
	?>

</div><!-- #comments -->

<style>
	ul.commentlist li {
    margin-bottom: 50px !important;
    clear: both !important;
}
	a.comment-reply-link.button.button--small.button--white, a.comment-reply-link.button.button--small.button--white:hover {
   border-color: transparent !important;
    position: relative !important;
    display: block !important;
    float: left;
    background: transparent !important;
    color: #fff;
    text-transform: capitalize;
    border-radius: 0px;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    height: auto !important;
    width: 100%;
    padding: 0px;
    line-height: 20px;
    margin: 0 auto;
    padding: 0px;
    max-width: 200px;
    text-align: left;
    font-weight: 600;
	 font-size: 13px !important;
}
.newcomment1, .newcomment2, .newcomment3, .newcomment4 {
	    display: block !important;
    width: 100% !important;
    clear: both !important;
    position: relative !important;
	}
	.comment-meta.commentmetadata.newcomment3, .comment-meta.commentmetadata.newcomment3 a {
    font-size: 13px !important;
}
	cite.fn {
       font-size: 18px !important;
    font-weight: bold !important;
		margin-left: 40px;
}
	span.says {
    font-size: 16px;
    margin-left: 10px;
}
	.testocommento p {
    margin: 0 auto !important;
    padding: 5px !important;
    font-size: 22px !important;
}
</style>