[Resolved] How to add comment box

[Taslim]

Hi, I Want to add a comment box like this https://imgur.com/ipNnf12 . Is it possible?
If possible then can you please tell me how?

[David]

Hi there,

its possible to inline the 3 fields but adding the icons would require custom development as it would involve editing the WP Comments form template.

[Taslim]

Ops, I Don’t have any knowledge custom development, How can I Make Similar Types Of Comment Box?

[Ying]

Hi Taslim,

To align the 3 fields in 1 line, try this CSS:

.single-post form#commentform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.single-post form#commentform > p.comment-form-comment {
    width: 100%;
}
.single-post form#commentform > *:not(p) {
    width: 30%;
}

[Taslim]

Hello, Ying,
It Didn’t work when I add this CSS in additional CSS and published the comment box as same as before.

[Ying]

Have you tried clear cache after the change’s made?

If yes, then could you link me to your site and have cache plugin deactivated?

[Taslim]

I Don’t have any cache plugins

[Ying]

Could you link me to an actual post?

All the archive page links in the menu are empty.

Let me know 🙂

[Taslim]

Okay

[Ying]

The 3 fields are in 1 line, I’m confused… Isn’t it what you see?
https://www.screencast.com/t/jqDsavhR

If not, clear your browser cache.

Let me know if I miss anything 🙂

[Taslim]

Yeah, Yeah, I see, Thanks Ying!

[Ying]

No problem 🙂

[Author]

Posts