[Resolved] How to Inline the Name and Email in the Comment Form?

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 5 years, 11 months ago by David.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
October 27, 2019 at 7:47 pm #1046333

Jericho

Hi GP Support,

Can you guys please help me with some CSS code to customize the comment form?

What I want to achieve: http://prntscr.com/poyfqv (screenshot of Kinsta comment form)

Thanks very much! 🙂

October 28, 2019 at 3:58 am #1046544
David
Staff
Customer Support
Hi there,

try this CSS:
```
.comment-form {
    display: flex;
    flex-wrap: wrap;
}
.comment-form-comment {
    width: 100%;
}
.comment-form #author, .comment-form #email {
    width: 48%;
}
.comment-form #author {
    margin-right: 2%;
}

.comment-form #email {
    margin-left: 2%;
}
```
October 28, 2019 at 5:50 am #1046635

Jericho

Thanks David! 🙂

October 28, 2019 at 6:04 am #1046643

David
Staff
Customer Support

Glad to be of help
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.