AI Assistant

Notifications

Clear all

How to style the "Post Comment" button

✦ Summarize Topic

How-To and Troubleshooting

Last Post by Wendy 9 years ago

4 Posts

3 Users

0 Reactions

2,840 Views

RSS

Wendy

(@wendy)

New Member

Joined: 9 years ago

Posts: 4

Topic starter

Translate ▼

16/03/2017 11:24 pm [#1183]

Firstly, thank you for such an awesome product! 😀 Makes commenting so much nicer to use 😀

secondly, can anyone help me style the "Post Comment" button to match my sites theme?

I've tweaked the look of some of the other parts of the plugin by using some cobbled together CSS, but cannot get the "Post Comment" button to look any different from the default ugly grey (see attached pic)

Is there any CSS I can use to manipulate it? maybe turn it blue(#0083fe) like the reply buttons?

Any help would be much appreciated 🙂

Thanks

Quote

Tom

(@tomson)

Famed Member Admin

Joined: 11 years ago

Posts: 4245

Translate ▼

18/03/2017 5:37 pm

I'm sorry but we don't provide custom css for button styling.

ReplyQuote

RolandV1

(@rolandv1)

New Member

Joined: 10 years ago

Posts: 2

Translate ▼

25/04/2017 7:24 pm

How did you solve this?

ReplyQuote

Wendy

(@wendy)

New Member

Joined: 9 years ago

Posts: 4

Topic starter

Translate ▼

27/04/2017 3:22 pm

Never got this fully solved, but did manage to put together some custom CSS from various places and then tweaked it to get it close to what I wanted.

this is what I came up with:

#wpcomm button, #wpcomm input[type="button"], #wpcomm input[type="submit"]{
background-color: #0083fe; /* Blue */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
font-weight: bold;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
}

So it colors and sizes the button, and places it where I'd like,
but there is no mouse over effect unfortunately :/

Other than that it does seem to work ok.

ReplyQuote