[Solved] Change badge label color

Please read this doc: https://wpdiscuz.com/docs/wpdiscuz-7/plugin-settings/user-labels-and-badges/#comment-author-label-colors-by-user-role

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.

9 Replies

canewsforum

(@canewsforum)

Joined: 5 years ago

Trusted Member

Posts: 68

Mar 16, 2021 6:08 pm

Translate ▼

@asti Thank you, yes I have read the documentation and there isn't a corresponding color to the one I showed you in my screenshot above. The colors work great for all roles, but it appears that the brown color (and brown D that you see on my screenshot above) get assigned when a user logs in with the Disqus Social login option. I would like to change that hideous brown to something consistent with our site theme colors. I have been through all the possible color changes that I can find and cannot find anything with that brown attached to it. Thanks.

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8217

Mar 16, 2021 6:11 pm

Translate ▼

Could you please leave some example URL?

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.

canewsforum

(@canewsforum)

Joined: 5 years ago

Trusted Member

Posts: 68

Mar 16, 2021 6:13 pm

https://ca-news-forum.com/2021/03/16/off-topic-tue-16-mar-2021/

Translate ▼

@asti All the users on this page have the Author role unless that have the badge with CA News behind their names, those are either Editors or Admins.

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8217

Mar 17, 2021 12:28 pm

Translate ▼

You can use the CSS code below:

#wpdcom .wpd-soc-user-disqus .wpd-avatar i {
    background: #163458 !important;
}
#wpdcom .wpd-soc-user-disqus .wpd-comment-author{
    color: #163458 !important;
}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-disqus .wpd-avatar img{
    border-bottom-color: #163458 !important;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

The red marked value can be changed as you like.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

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.

canewsforum

(@canewsforum)

Joined: 5 years ago

Trusted Member

Posts: 68

Mar 17, 2021 5:41 pm

Translate ▼

@asti Thank you, I added the code and it did change the color of the "D", but that is all as per the attached screenshot, the User name and Author badge color is still the hideous brown color. So I changed a couple colors as per the 2nd attached screenshot, and it appeared to change the color of the line under the avatar but not the name or author badge color either? I have cleared all cached and restarted the page with no success?

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8217

Mar 18, 2021 1:05 pm

Translate ▼

Please see how it looks in our case: https://www.screencast.com/t/4vhru7sByh

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.

canewsforum

(@canewsforum)

Joined: 5 years ago

Trusted Member

Posts: 68

Mar 19, 2021 6:16 pm

Translate ▼

@asti Hi Asti, sorry I had turned off the feature to display the Social login icon on the user avatar. This issue is still happening per this link. https://canf-test-site.com/2021/02/22/off-topic-mon-22-feb-2021/

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8217

Mar 20, 2021 11:40 am