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

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!

4 answers

1 accepted

This widget could not be displayed.
David Simpson Community Champion Jan 03, 2012
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.

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 Simpson Community Champion Jan 03, 2012
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.

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"!

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

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)!

This widget could not be displayed.

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.

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.)

This widget could not be displayed.

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

Capture.PNG

> 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'.

wiki.JPG

This widget could not be displayed.

> 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?)


Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Sep 17, 2018 in Confluence

Why start from scratch? Introducing four new templates for Confluence Cloud

Hi my Community friends!  For those who don't know me, I'm a product marketer on the Confluence Cloud team - nice to meet you! For those of you who do, you know that I've been all up in your Co...

599 views 8 6
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you