Hello,
I don’t think it’s a very good idea if I understand it correctly what you would like to achieve. What I mean you want is hide a specific user all posts with blurred out.
But if you really want to do this, then I think the easiest way to add some css.
Note: This is a css modification so advanced users can easily disable it and see the post.
Please test it before use!
Create a new theme component and add the following to Common / CSS section.
// change the number word to the specific user id
article[data-user-id="number"] {
// make post content unselectable
@include unselectable;
// make clickable elements (avatar, post control buttons etc) unclickable
pointer-events: none;
// blur the whole post
filter: blur(0.5em);
}
Result: It blurred the data-user-id="3" user’s posts.
Oh and probably a good idea to not hide it for staff users.
To not hide it for staff users use this code instead the previous one.
// show posts only to staff users
body:not(.staff) {
// change the number word to the specific user id
article[data-user-id="number"] {
// make post content unselectable
@include unselectable;
// make clickable elements (avatar, post control buttons etc) unclickable
pointer-events: none;
// blur the whole post
filter: blur(0.5em);
}
}