Hello I can't seem to find where to change the color for a user that has signed in with the Disqus Social Login link. Right now (see attached image) it is an ugly brown. Where can I change it? Thanks.
How-to and Troubleshooting
11
Posts
2
Users
1
Reactions
1,829
Views
Mar 15, 2021 11:37 pm
10 Replies
Mar 16, 2021 7:12 am
Mar 16, 2021 2:08 pm
@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.
Mar 16, 2021 2:13 pm
@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.
https://ca-news-forum.com/2021/03/16/off-topic-tue-16-mar-2021/
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.
Mar 17, 2021 1:41 pm
@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?
Mar 19, 2021 2:16 pm
@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/
ok @canewsforum,
Try this one:
#wpdcom .wpd-soc-user-disqus .wpd-avatar i {
background: #163458 !important;
}
#wpdcom .wpd-soc-user-disqus .wpd-comment-author, #wpdcom .wpd-soc-user-disqus .wpd-comment-author a{
color: #163458 !important;
}
#wpdcom .wpd-soc-user-disqus .wpd-comment-label{
background-color: #163458 !important;
}
#wpdcom.wpd-layout-2 .wpd-comment .wpd-soc-user-disqus .wpd-avatar img{
border-bottom-color: #163458 !important;
}
It should work fine.
Mar 20, 2021 12:40 pm
