Blur an element Answered

Post author
Cameron Riley

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

Comments

2 comments

  • Comment author
    Duncan Hamra

    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
  • Comment author
    Cameron Riley

    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.