nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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!

Accepted answers

David at David Simpson Apps

Try this:

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

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

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

All comments

David at David Simpson Apps

Try this:

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

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

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

Arka Bhattachar

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.

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

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

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