It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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

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.

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

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

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

> 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
TAGS
Community showcase
Posted in Confluence

Lessons and Learnings: Six Months of Working Remote [Discussion]

Hey there, folks! For most of us, the past six months- yes, you read that right- have been a journey. More people than ever before have pivoted to working remotely, and navigating being on-scre...

4,117 views 4 6
Join discussion

Community Events

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

Find an event

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

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you