How to Inline the Name and Email in the Comment Form?

[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! 🙂

[David]

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%;
}

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

[Jericho]

Thanks David! 🙂

[David]

Glad to be of help

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

[Author]

Posts