[Resolved] How to Modify Comment Form?

[Paritosh Negi]

Hello! I hope you are having a productive day.

I want to customize comment form of the GeneratePress.

This screenshot explains how I want to arrange the comment form: https://cdn.pbrd.co/images/HctL1LG.png

Also, how can I change placeholder?

Thank you so much 🙂

[Paritosh Negi]

Bump!! Anyone?? 🙁

[Leo]

Hi there,

Sorry not sure how why we didn’t receive a notification for this topic!

Try this CSS:

.comments-area input#url {
    display: none;
}
.comment-form #author, .comment-form #email {
    display: inline-block;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Paritosh Negi]

Hum… it did nothing… 🙁

.comment-form #author, .comment-form #email {
    display: inline-block;
}

[Leo]

Hmm it should work.

Can you link me a page with the CSS added?

[Paritosh Negi]

Hello, I used the following code and it worked as expected.

#author, #email, #url {
    background: #fff !important;
    color: #999;
    border: 1px solid #dfdfdf;
    outline: none;
    width: 30%;
}

.comment-form #author, .comment-form #email, .comment-form #url {
    display: inline-block;
}

.comment-form #author, .comment-form #email {
    margin-right: 4%;
}

PREVIEW: https://cdn.pbrd.co/images/HcMyK0D.png

[Paritosh Negi]

how can I change placeholder?

[Paritosh Negi]

I edited the comments.php file and made chnage to esc_attr__()

	$fields = array(
		'author' => '<label for="author" class="screen-reader-text">' . esc_html__( 'Name', 'generatepress' ) . '</label><input placeholder="' . esc_attr__( 'Your Real Name', 'generatepress' ) . ' *" id="author" name="author" type="text" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" />',
		'email' => '<label for="email" class="screen-reader-text">' . esc_html__( 'Email', 'generatepress' ) . '</label><input placeholder="' . esc_attr__( 'Email Address', 'generatepress' ) . ' *" id="email" name="email" type="email" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30" />',
		'url' => '<label for="url" class="screen-reader-text">' . esc_html__( 'Website', 'generatepress' ) . '</label><input placeholder="' . esc_attr__( 'Your Website URL', 'generatepress' ) . '" id="url" name="url" type="url" value="' . esc_attr( $commenter['comment_author_url'] ) . '" size="30" />',
	);

PREVIEW: http://prntscr.com/ittm44

[Leo]

Glad you figured out!

[Author]

Posts