AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

Question [Solved] Change "Post Comment" button on click

✦ Summarize Topic

General Discussions

Last Post by eschlange 3 years ago

3 Posts

2 Users

0 Reactions

2,662 Views

RSS

Posts: 8

eschlange

Topic starter

Translate ▼

Dec 05, 2022 9:36 pm

(@eschlange)

Active Member

Joined: 5 years ago

[#6374]

Hi All,

I'm not sure if this is a feature suggestion, or a question. On my website, the "post comment" button is just a dark grey button with white text. Clicking it when you post a comment doesn't change the appearance at all, and in fact nothing happens when you click... for a second or two. Until the page refreshes and shows the comment.

It's not a great user experience, because it feels like clicking "Post Comment" didn't work, since the response isn't immediate.

I'd love to see the button be able to change, so maybe it's one color, then you click it and it changes color and the text changes to "Please wait..." or something like that.

Perhaps this is already easily done via settings. Or perhaps it's a feature suggestion. Anyway, happy to hear your input/comments!

Website URL

https://zwiftinsider.com/

2 Replies

Posts: 8208

Asti

Support

Translate ▼

Dec 06, 2022 11:59 am

(@asti)

Illustrious Member

Joined: 8 years ago

Hi @eschlange,

Please try the CSS code below:

#wpdcom .wc-field-submit input[type="submit"]:active {
       background-color: red !important;
}

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 8

eschlange

Topic starter

Translate ▼

Dec 06, 2022 9:19 pm

(@eschlange)

Active Member

Joined: 5 years ago

That helped! Here's what I figured out that colored all the buttons correctly:

#wpdcom .wc-field-submit input[type="submit"]:active {
background: #999 !important;
}
#wpdcom .wc-field-submit input[type="submit"]:focus {
background: #999 !important;
}

Still wish there was something that showed the comment was being submitted. There's a little animation when you make a comment that isn't a reply to someone else, but that animation should also show up for replies, right?

Anyway... at least my buttons change color now on click. This is progress. Thanks!