is it possible to blur a background image inside a group so that it still perfectly matches the sharp image on its parent’s group?
Uploading a blurred image to a group is easy. But I can’t imagine how to set it up so that it is perfectly aligned to the sharp image in its parent group/page-background.
I think you might have to use floating groups for both of them. I only just started using floating groups today for a project so take my advice with a grain of salt. (try it)
Try also/separately ‘fixed width’ button in settings.
This is pretty much ‘faking it’ as you know.
Too bad there’s no default way of doing this, that would be quite cool.
I believe however you can do it with CSS which means you would create a HTML element and use css in it. I don’t actually know how to do this yet. Search how to add a html element/css.
If you figure it out love to learn how you did it.
that’s exactly how I used to do it in the past. But I wondered if it could be blurred as well as I like the blurry style.
Blurring an image in a graphic Programm is not the problem. But syncing the background and the foreground seems to be not trivial. But maybe floating groups might help with this.
I tried to rebuild your solution. But there is one thing I can’t figure out. I see that on button click the custom state “blur” is set to “no”. But where do you set this state to “yes”? And you do you do the toggle functionaity? I can only think of two workflow steps.
Set state no when state = yes
Set state yes when state = no
But that is not as efficient as your implementation.
Hi, you can toggle a state like that with just one workflow action.
If the page’s blur state is no = that will equal yes and change to yes. Visa versa.
HA!!! This is sick, I actually did not know about the Yes/No functionality with just 1 workflow action, so thats sick. Also, for anyone trying this, you also need to have the Classify plugin installed, didnt see that mentioned