[Laszlo]

Hi,

I need to change the comment box background colour and font, they are both greyish right now and it’s hard to see when typing in the box. I looked in the CSS file but I’m not sure where to make the changes and how, thanks in advance.

[Sakin]

@Laszlo: For comment box, background color and color you can adjust color code in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

#respond #commentform textarea {
    background-color: #fff;
}
#respond #commentform .text,
#respond #commentform textarea {
    color: #aaa !important;
}

[Laszlo]

Thanks Sakin! it worked great

do you know how I can move the comment box up closer to my post? there is a big gap between the two?

[Sakin]

@Laszlo: For that you can adjust the margin-top and padding-bottom in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box:

#comments-title, #reply-title {
    margin-top: 30px;
    padding-bottom: 30px;
}
#comments .navigation {
    padding-bottom: 0;
}

[SungJu]

Thanks, Sakin. I changed the comment box background color and font and margin. It’s fantastic.

Could you please let me know how I can make “Leave a Comment” font smaller?

And also, I am working on “ginsenghut.com” now. Not finished it yet. However strange things have happened. I got 8 users already. As I understand, in my system, if someone wanted to register, they have to leave comments, leaving name and email address. But there are no comments at all.

How did they become users? I got 8 for last 2 days.

Please help me. WordPress is completely new to me.

Thanks.

[SungJu]

Dear Sakin. I found your answer about my first qustion “Leave a comment” font size smaller. I chagned already. Thanks.

[Laszlo]

Hey Sakin,

I tried that but nothing changes, I tried all kinds of different numbers, I’m changing the number 30’s in your code, I even tried numbers as high as 500 and no change.

[Sakin]

@SungJu: Theme has nothing to do with user registration. Go to “Settings => General” and make sure you have unchecked “Membership”. If this is not the case then check your plugin if you have open registration.

[Sakin]

@Laszlo: Please post in your site URL so that I can check in.

[Laszlo]

http://www.myfinancialutopia.com

thanks

[Sakin]

@Laszlo: That css is working fine. But if you are talking about the space that you have above “Categories” meta tags, then that is from space in your pages/posts. For that you edit that page/post and then go to text mode and remove all empty <p></p>. Check this for text mode screenshot https://www.pinterest.com/pin/548594798332210926/

[LTTL]

Hi Sakin,
Im using the Jetpack Comment box for the catch evolution theme and have the following problems:
1: I need to move the comment box to directly below the posts and not right at the bottom of the page.
2:I want to change the gray color from gray to off white or cream to match the sites background.
3: If possible reduce the font size of the comment box title.

I dont know how to write css. Would appreciate your help.

regards
Shezz
http://www.lookingthroughthelarder.com

[Sakin]

@LTTL:
1. To move that comment box, you need to need to build child theme and then copy comments.php file to your child theme and then move code <?php comment_form(); ?> to desire location. For child theme, refer to http://catchthemes.com/blog/create-child-theme-wordpress/

2. Try adding following css in “Appearance => Theme Options => Custom CSS” box:

#respond,
.commentlist > li.comment { 
    background: #fff none; 
}
.commentlist .children > li.bypostauthor {
    background: #fff none;
    border: 1px solid #ccc;
}

3. You can change the font size in the following css as per your need and then add ti in “Appearance => Theme Options => Custom CSS” box:
#reply-title { font-size: 24px; }

[LTTL]

Hi,
Thankyou. Solution 2 and 3 worked great!!!
was not confident about solution one so i downloaded the ‘one click child theme’ plugin
this is the comments_php
I found the comment for but cannot figure out where to put iy. Could you guide me further?
/*
Theme Name: Catch Evolution Child Theme
Description: Move the guest comment box to directly under post
Author: Shezz
Template: catch-evolution

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

<?php
/**
* The template for displaying Comments.
*
* The area of the page that contains both current comments
* and the comment form. The actual display of comments is
* handled by a callback to catchevolution_comment() which is
* located in the functions.php file.
*
* @package Catch Themes
* @subpackage Catch_Evolution_Pro
* @since Catch Evolution 1.0
*/

?>
<div id=”comments”>
<?php if ( post_password_required() ) : ?>
<p class=”nopassword”><?php _e( ‘This post is password protected. Enter the password to view any comments.’, ‘catch-evolution’ ); ?></p>
</div><!– #comments –>
<?php
/* Stop the rest of comments.php from being processed,
* but don’t kill the script entirely — we still have
* to fully load the template.
*/
return;
endif;
?>

<?php // You can start editing here — including this comment! ?>

<?php if ( have_comments() ) : ?>
<h2 id=”comments-title”>
<?php
printf( _n( ‘One thought on “%2$s”’, ‘%1$s thoughts on “%2$s”’, get_comments_number(), ‘catch-evolution’ ),
number_format_i18n( get_comments_number() ), ‘<span>’ . get_the_title() . ‘</span>’ );
?>
</h2>

<?php if ( get_comment_pages_count() > 1 && get_option( ‘page_comments’ ) ) : // are there comments to navigate through ?>
<nav id=”comment-nav-above”>
<h1 class=”assistive-text”><?php _e( ‘Comment navigation’, ‘catch-evolution’ ); ?></h1>
<div class=”nav-previous”><?php previous_comments_link( __( ‘← Older Comments’, ‘catch-evolution’ ) ); ?></div>
<div class=”nav-next”><?php next_comments_link( __( ‘Newer Comments →’, ‘catch-evolution’ ) ); ?></div>
</nav>
<?php endif; // check for comment navigation ?>

<?php
/* Loop through and list the comments. Tell wp_list_comments()
* to use catchevolution_comment() to format the comments.
* If you want to overload this in a child theme then you can
* define catchevolution_comment() and that will be used instead.
* See catchevolution_comment() in catchevolution/functions.php for more.
*/
wp_list_comments( array( ‘callback’ => ‘catchevolution_comment’ ) );
?>

<?php if ( get_comment_pages_count() > 1 && get_option( ‘page_comments’ ) ) : // are there comments to navigate through ?>
<nav id=”comment-nav-below”>
<h1 class=”assistive-text”><?php _e( ‘Comment navigation’, ‘catch-evolution’ ); ?></h1>
<div class=”nav-previous”><?php previous_comments_link( __( ‘← Older Comments’, ‘catch-evolution’ ) ); ?></div>
<div class=”nav-next”><?php next_comments_link( __( ‘Newer Comments →’, ‘catch-evolution’ ) ); ?></div>
</nav>
<?php endif; // check for comment navigation ?>

<?php
/* If there are no comments and comments are closed, let’s leave a little note, shall we?
* But we don’t want the note on pages or post types that do not support comments.
*/
elseif ( ! comments_open() && ! is_page() && post_type_supports( get_post_type(), ‘comments’ ) ) :
?>
<p class=”nocomments”><?php _e( ‘Comments are closed.’, ‘catch-evolution’ ); ?></p>
<?php endif; ?>

<?php comment_form(); ?>

</div><!– #comments –>

[LTTL]

deleted the child post sucessfully. Thanks

[LTTL]

IS THERE an easier way to move the comment box right up?

[Sakin]

@LTTL: Can you post in your screenshot of where you want your comment box in. It’s little confusing.

[tenzin]

@sakin how can i move the comments above the comment filed area instead of displaying below the comment filed area.

[Sakin]

@tenzin: It depends on the theme that you are using. If you are using Simple Catch Pro theme, then first you need to create child theme. Then copy comments.php file and then move the code comment_form() up as per your need.

[Author]

Posts