[Support request] Post Comment Box Style.

[SHEIKH JAHIRUL ISLAM AVOY]

Hello,
I want to make my Post Comment Box redious style.
Like this style.
I need CSS to do this.

[Leo]

Hi there,

Can you link me to the example site in question?

Then I can give you the exact style it’s using 🙂

[SHEIKH JAHIRUL ISLAM AVOY]

Here is the sample site link.
I want to make my post comment box like that.

[Ying]

Hi there,

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

.comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"], .comments-area input[type="password"], .comments-area textarea, .comments-area select {
    color: #666;
    background-color: #f7f8f9;
    border-color: #ededed;
    border-radius: 12px;
}

.comments-area input[type=text]:focus, .comments-area input[type=email]:focus, .comments-area input[type=url]:focus, .comments-area input[type=password]:focus, .comments-area textarea:focus, .comments-area select:focus {
    color: #222;
    background-color: #fff;
    border-color: #48a0db;
}

.comments-area button:hover, .comments-area input[type=button]:hover, .comments-area input[type=reset]:hover, .comments-area input[type=submit]:hover, .comments-area a.button:hover,  .comments-area button:focus, .comments-area input[type=button]:focus, .comments-area input[type=submit]:focus, .comments-area a.button:focus {
    color: #fff;
    background-color: #ff7f00;
    border-radius: 10px;
}

.comments-area button, .comments-area input[type=button], .comments-area input[type=submit], .comments-area a.button {
    color: #fff;
    background-color: #210505;
    border-radius: 10px;
}

Let me know if it works!

[SHEIKH JAHIRUL ISLAM AVOY]

Thanks a lot

[Ying]

Glad to help!

[Leo]

I updated Ying’s CSS here a bit so please update 🙂
https://generatepress.com/forums/topic/post-comment-box-style/#post-1565009

Thanks!

[Author]

Posts