Skip to main content

How to blur gated content instead of hiding it completely?

Is it possible to use the gated content feature to blur an element instead of making it disappear entirely?

2 comments

  • Duncan from Memberstack
    Duncan from Memberstack

    Hey Cameron 👋 This is a great question... I know it's possible in a few different ways but they all require custom code or some "clever/hacky" work arounds.

    How important is this to your project?

    The most simple solution to understand is this: create 2 variations of the element you want to blur. Variant 1 is the "real" element and needs an attribute of data-ms-content="members" so that it's only visible to members.

    And variant 2 should be blurred and have the attribute data-ms-content="!members" so that it's hidden from logged in members.

    0
  • Cameron Riley
    Cameron Riley OP

    Hmm I see. It's not a critical feature. I'll try what you've suggested here though. Thanks

    0

Please sign in to leave a comment.

Sitemap