Background blur related help

Dear All, I am looking to understand if the following is possible on bubble.

On the landing page, upon clicking on signup, the landing page should get blurred with just the signup form appearing on the screen?

Here’s an example of how you can set that on a popup

In this case I have set the grayout color to be quite dark, but you could make it lighter. The higher the grayout blur the more blurry it’ll be. 10 for instance is super blurry


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

1 Like

Thanks for the reply @josh24 but I am looking for something else. For example, on the landing page when I click on the Signup button, the background should get blurred and only the sign up form should appear.

Hmmm so you would put your sign up form in a popup right? So if you want the background to blur you’d follow the step in my earlier post?

I mean there would be other more roundabout ways of doing this but they wouldn’t be as efficient as this.

How were you planning to show the sign up form otherwise?


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

Well if I select a popup, how do I show up a form ? Which option do you think should I select in the Type of Content and how do I then create a form to show only in the popup. Not sure, if I am able to convey my question properly.

I think this is done for you in the base Bubble template. They already have prepared a sign in popup. All you would need to do is add the blur


Josh @ Support Dept
Helping no-code founders get unstuck fast :rocket:save hours, & ship faster with an expert :man_technologist: on-demand

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.