Considering demo automation? Test drive Demoboost for free!
Start Your Trial
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
How to customize demo guides in Tours
Variables
How to Add AI Narration to your Demos
Autoplay
Auto translate
Sales Room
Demo playlist
Ending/CTA screen
Pick Your Own Journey Screen
Performing key operations on screen
Integrating Marketo with Demoboost: A Step by Step Guide
Integrating 6sense with Demoboost: A Step by Step Guide
How to Build a Sandbox Demo
Knowledge Base Documentation
New Feature Explanations
Product Marketing Announcements
Website Conversions
Channel Partner & Reseller Demos
Conferences/Trade Shows
Digital sales rooms for customers
Sales Leave-Behinds
Live Demos
Using Variables in your demos
“Great Demo!” Training for Sales Teams
Sample Article
How to Replace images
How to Assign a Variable
How to Select or Create an Overlay
How to download the extension?
How to present Mailchimp to Tim Cook
How to Clear Your Browser Cache
How to Install Microsoft Clarity on Your Demos Using Google Tag Manager
Integrating Google Tag Manager with Demoboost: A Step-by-Step Guide
How to Translate Screens
Troubleshooting Saving Errors
How to Capture Local Web Pages
Advanced Guide Cutomisation
How to Share and embed Demos From Specific Screen
How to Edit Elements Behind Overlays
Comments in Demos
How to Export Data from Demoboost
Analytics Overview
Playback Settings
Live Demo Settings
Demo Email Notifications
How to Share Demos
How to Embed Demos on Your Website
How to Share With Presenters and Channel Partners
How to Duplicate Demos
How to Create Folders
Inspector Introduction
How to Blur/Remove Screen Elements
How to Edit Textual Elements and Change Images
Creating Mobile App Demos
How to add image and video screens
How to Add Speaker Notes
How to Add Video Narration
How to Add Guides and Styling
How to Link Screens
How to Capture Screens
How to Create Demos
How to Add Extension
If this editor looks unfamiliar, you're likely using the previous version.
Access the right documentation by clicking on the button.

How to Edit Elements Behind Overlays

This is a short tutorial on editing elements of your screens hidden behind an overlay - via Inspector. It happens often when you’ve captured a certain popup or dropdown in your UI.

Step1:

Open your demo and choose a screen to edit.

Step 2:

🔍 Click "Inspect" outside the overlay element.

This automatically highlights your element.

Step 3:

🔧 Change the element display style to "none."  Now the elements are editable!

Step 4:

🔧 Once you're done, return to the inspector and change the "display: none" properties to "display: block." Save the screen.