Site logo

Archived topic

Post Comment Box Style.

6 replies · Started by SHEIKH JAHIRUL ISLAM AVOY on December 2, 2020

Viewing posts 1–7 of 7

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!

This archived topic is closed to new replies.