Mobile Guide - Background blur

Currently when we have a Mobile Guide in our native iOS or native Android apps - the background behind the guide is grey instead we'd like for the users to still be able to see that it's our app back there with a semi-transparent blur.  I can't find this setting but was hoping someone could point me in the right direction.  



1 comment
  • Solution

    I was looking for this same thing but I figured it out -- posting here for anyone else who see's this:

    You can add custom code in the theme (or in the step via the code block). 

    Toggle on advanced settings. 

    Find the ._pendo-backdro css class and add the code below between the { }

      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);


    It should look like: 
    ._pendo-backdrop {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
     opacity: 10%;

    And ta da! 


Please sign in to leave a comment.

Didn't find what you were looking for?

New post