Remove Gravatar Images from 'Likes' Section of Posts

lucyrebecca18 · Member · Jul 11, 2016 at 9:56 am
Copy link

Add topic to favorites
I’m aware that there’s a setting to turn off Gravatars, however this only removes the Gravatars from users in the ‘Comments’ section of a post. I would really like to remove them from the ‘Likes’ section as well so no one else’s Gravatars are displayed anywhere on my blog posts.

So for example, if 5 people like my post I would like the number to be visible only, not each of those users’ Gravatars displayed beside it as well.

I’ve contacted WordPress support and they have directed me to ask on this forum. They thought it might be possible to do this using Custom CSS as there is currently no setting which can achieve this.

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Jul 11, 2016 at 12:04 pm
Copy link
Unfortunately the like section is inside an iframe so you can’t target the elements inside it with CSS directly.

The closest I can get is shrinking the containing section then hiding all the other bits however this doesn’t work perfectly due to how the boxes reposition themselves when you shrink them. As you can see there’s a tiny sliver of the first image still visible:
```
div.jetpack-likes-widget-wrapper {
	overflow: hidden;
	width: 151px;
}
```
lucyrebecca18 · Member · Jul 12, 2016 at 12:15 am
Copy link
Thank you for your reply.

No I can’t see the changes – where abouts are they? Are you wanting me to copy that code into my CSS section or have you done that already?
thesacredpath · Member · Jul 12, 2016 at 2:35 am
Copy link
Hi there, on single post pages, such as https://lovelucyrebecca.com/2016/07/10/insecure/ the above code @hallluke suggested hides the gravatars in the Likes section at the bottom of the post.

Copy and paste the code into Customize > CSS.

No items found.