Notifications
Clear all

Paid Addons Support Forum Only

Please note, that here we only support Paid Addons issues and questions.

gVectors Support staff works from 6am to 6pm (GMT+0)

All questions related to wpForo and wpDiscuz free plugins should be asked in the corresponding plugin support forum:

 

wpDiscuz Support Forum wpForo Support Forum

[Solved] Avatar customisation & Large login avatar

7 Posts
2 Users
0 Likes
576 Views
WPuser
Posts: 43
Customer
Topic starter
(@wp-user)
Member
Joined: 2 years ago

Hello, could you please assist me with 2 questions:

1) How can I customise user avatars to look like either Reddit (ie. just username without avatar) or Quora (ie. small round avatar next to username)? (Attached image: massive avatar.png).

2) When I log to my website, there's a huge avatar icon below the phrase "You are logged in as User | Log out". How can I remove this? (Attached image: avatar customisation.png).

avatar customisation
massive avatar
Topic Tags
6 Replies
Elvina
Posts: 1403
(@elvina)
Support
Joined: 3 years ago
5 Replies
WPuser
Customer
(@wp-user)
Joined: 2 years ago

Member
Posts: 43

Thanks @elvina. But I'm trying the link and being directed to a 404 page.

Elvina
(@elvina)
Joined: 3 years ago

Support
Posts: 1403

@haroon-atif,

You just need to use the following CSS code. Please navigate to Dashboard > Comments > Settings > Styling admin page, put the following CSS code in the "Custom CSS code" textarea:

#wpcomm .wc_social_plugin_wrapper {
display: none;
}

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

WPuser
Customer
(@wp-user)
Joined: 2 years ago

Member
Posts: 43

Thanks for the help @elvina. This has removed the massive avatar. Any suggestions for my other question above? (sorry, I seem to have attached the wrong image for each question). I've attached the correct image here.

1) How can I customise user avatars to look like either Reddit (ie. just username without avatar) or Quora (ie. small round avatar next to username)? I'd prefer to go for the Quora stlye..

Avatar customisation
Elvina
(@elvina)
Joined: 3 years ago

Support
Posts: 1403

@haroon-atif,

 Quora (ie. small round avatar next to username

Please navigate to the Dashboard  > Comments > Settings > Styles admin page put the following CSS code in the "Custom CSS Code" textrarea:

#wpcomm .wc-comment .wc-comment-left {
width: 33px !important;
margin-left: 58px;
margin-top: 16px;
}

#wpcomm .wc-comment-label span {
display: none !important;
}

#wpcomm .avatar {
border-radius: 50%;
}
#wpcomm .wc-blog-post_author > .wc-comment-left .wc-comment-label {
display: none;
}

just username without avatar

Use the following code:

#wpcomm .wc-comment .wc-comment-left {
display: none;
}

In any case please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

WPuser
Customer
(@wp-user)
Joined: 2 years ago

Member
Posts: 43

Perfect, thanks for the help @elvina

Share:
Scroll to top