Archived topic
Post Comment Box Style.
6 replies · Started by SHEIKH JAHIRUL ISLAM AVOY on December 2, 2020
Hello,
I want to make my Post Comment Box redious style.
Like this style.
I need CSS to do this.
Hi there,
Can you link me to the example site in question?
Then I can give you the exact style it's using :)
Here is the sample site link.
I want to make my post comment box like that.
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!
Thanks a lot
Glad to help!
I updated Ying's CSS here a bit so please update :)
https://generatepress.com/forums/topic/post-comment-box-style/#post-1565009
Thanks!