Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to blur membership profile pictures?


  • deaf25
    Participant

    @deaf25

    3 years ago

    Hello,

    I am running a Gwangi dating theme with BuddyPress and PaidMembershipPro.

    I want to know if anyone has the code or plugin suggestion that can blur all members’ profile pictures so that the unpaid members can’t see it unless they upgrade to a paid membership.

    Something like this:

    https://nimb.ws/YMVlKU

Viewing 1 replies (of 1 total)

  • HannaW
    Participant

    @hannaw

    3 years ago

    Hello,
    I had just the same question and found a really simple css solution. I haven’t tried it in all browsers though:

    body:not(.logged-in) .shortcode-author-avatars .author-list.grimlock-author-avatars__author-list .grimlock-author-avatars__user span.avatar img.avatar {
	-webkit-filter: blur(10px); 
/* Safari 6.0 - 9.0 */
  filter: blur(10px);
	
}

    Hope that works out for you!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Topic Info

Topic Tags

Skip to toolbar