Loooong time RapidWeaver user but fairly new to Elements hands on (followed all the videos though). I watched this diary:
And really like the look of the containers that blur out the background. I pretty much accomplished this so the layout is close. The only issue is the borders on the right blur out as well. I fixed it by putting a container inside a container. The bottom container does the blue effect and the nested one has the border and other guts to that button. In Elements it functions but not in the browser preview. Any ideas?
I think what you want to use is the “Backdrop Filter”, this will greatly simplify things for you. Watch the video below to see how to do it, and open the example project in Elements!
Thank you so much Dan! Very close to how I did it. I did in the end put a container inside another container to avoid the right border from blurring (obviously your method is much cleaner). One thing I do notice even with your project file is it previews perfectly in Elements but the browser preview in Safari does not show the blur effect happening.
