How do I remove the thumbnail image of the user from blog posts and comments?

[Rhett Henderson]

I was hoping Confluence had an option to not show a users Profile Picture. Our company has a separate People Directory and I'd rather not confuse our employees by making them think they need to administer their profile in two places. Therefore I'd like to remove their picture as well as the hyperlink attached to their name when a the user makes a blog post or comment.

If Conflunce does have these administrative options please let me know as I haven't been able to locate them. If not, does anyone know of a way to affect these traits via CSS. At the very least, I'm hoping to hide the Profile Pics.

Thanks!

[David at David Simpson Apps · Accepted solution]

Try this:

1. Browse to Confluence Admin | Look & Feel | Custom HTML
2. Click the Edit Button
3. In At the end of the HEAD add:

<script>
	AJS.toInit(function(){
		AJS.$('.comment-header .author').each(function(){	
			var author = AJS.$(this).text().trim();
			AJS.$(this).empty().text(author);
		});
		AJS.$('.userLogo').hide();
	});
</script>

All your profile pictures will be hidden and there will be no links to user profiles in the comments.

[Rhett Henderson]

Thanks! It does work, however, I now have more questions as a result ;)

While the userLogo is now hidden, there is now empty space where the pic used to be. I'm wondering if there is a way to give the "userLogo" a size of 1x1 pixels in order to close the negative space?

I like how your code removes the commenter's profile link. Similarly, I'd like the same behavior to be applied to the "blog poster's" name/link. Currently, it is unaffected.

Lastly, I'd like links and pics removed from forums as well (I was hoping your initial solution would carry over in this case, but unfortunately not). I believe "forum" is an Adaptivist macro (so maybe I should contact them on this one?)

Thanks again for your help.

[David at David Simpson Apps]

If you like it upvote/mark it as correct :-) Something very similar to the above should solve all your customization problems. I've not used Community Bubbles (Adaptavists forum customisation) for a little while, but it shouldn't be too hard to adapt the above JavaScript to your needs.

[Peter Binney]

I assume the above is for some version prior to 4.3, which is what we are using.

4.3's layouts require much more complex DOM (and CSS) rewrites to achieve what is required (I'm still working on it and will post if I succeed).

But, we are in a similar position to you Rhett - and I'm sure many other sites too.

It would be really really great if there were just an Admin UI switch to say "No user Profile Pictures"!

[Peter Binney]

See also, and please vote for: https://jira.atlassian.com/browse/JRA-21962

[Peter Binney]

I think I've got rid of all trace of the thumbnails/pictures/avatars under 4.3 with the following (non-trivial!) jQuery and attached (if this website will allow it) CSS (both built into a Theme, but could be done using custom Stylesheet and HTML):

AJS.toInit(function () {
	// Switch people icons on comments to fixed images (supported by CSS work in commerzbank.css).
	AJS.$("div.comment p.comment-user-logo")
		.empty()
		.append("<div class='commerz_userLogoReplacement'> </div>");

	// Replace pictures on Profile followers, Dashboard Network Followers
	// with username from the alt="User icon: <username>" text
	var prefix = "User icon: ";
	var RE = new RegExp("^" + prefix);
	AJS.$("ul.avatars a.userLogoLink img").each(function(){
		var userID = AJS.$(this).attr("alt");
		if (userID.match(RE)) {
			userID = userID.substr(prefix.length);
		}
		AJS.$(this).replaceWith("<span>" + userID + "</span>");
	});
});

Note that this does not remove the images from "Wiki Update" emails sent to page watchers

[Peter Binney]

Sadly that CSS upload didn't work, and the CSS does most of the work.
Also, it is longer than can be fitted in the limiited space allowed on these posts. If anyone wants it, please update this ticket and I'll try and post it some other way.

All in all the moral and hope is that Atlassian will fix the deficiency to avoid the need for this horrid bodgery.

Would also be nice if this website handled attempts to upload files better (it just silently ignores what it doesn't like - which is most things as far as I can see)!

[Manuela Schwendener]

> remove the thumbnail image of the user from blog posts and comments?
 
I'm also interested in a solution to that, mainly on the Blog overview.

(Why is this marked as solved?)

[Alexandra Huang]

Okay this is an old thread but I too want to remove the thumbnail from showing up in my blogs/pages... But I can't find how to customize my specific space... am I missing something? Under Current Theme is says I can change the colors and layouts manually but I can't see where to even do that. 

I'm using Confluence 1000.0.0-34f553e99be

[Manuela Schwendener]

> Under Current Theme is says I can change the colors and layouts manually but I can't see
> where to even do that. 

You are missing the rights to do that, it's in the tab 'Colour Scheme'.

[Arka Bhattacharya]

How would you hide the date "posted on Sep 03, 2013" and the "title" and the "name of the person" from the post? This fix does remove the person's profile image.

[Manuela Schwendener]

Space tools -> Look and feel -> Stylesheet

#com-atlassian-confluence .page-metadata  {  
    display:none;  
  }  

Removes the date and the name of the person, but also on pages, not only in blog.
 
(Exactly what we wanted.)