Keep consent banners, chat bubbles and newsletter modals out of a website video: dismiss them, hide them with CSS, block them with filter lists, or use a capture tool that removes them first.
Aviral LakhanpaulUpdated 2 min read
Remove them before you capture, not after: cropping or blurring a banner in an editor never looks clean. When recording yourself, dismiss the banner, hide anything left with a line of CSS in DevTools, or block cookie notices with a filter list. When rendering from a URL, use a tool that clears consent banners, chat launchers and modals automatically, and lets you hide any element it misses by CSS selector.
A consent bar pinned to the bottom of the window is in every single frame of a scroll video. Cropping it out costs you a slice of the page in every frame too, and blurring it leaves a smudge that moves nowhere while everything else scrolls. A chat bubble in the corner is the same story. The only clean version is one where they were never there.
/* Paste into a new style rule in the Elements panel. Adjust the selectors
to whatever the page actually uses. */
#onetrust-banner-sdk,
.cookie-banner,
[aria-label*="cookie" i],
.intercom-lightweight-app { display: none !important; }
html, body { overflow: auto !important; }The last line matters more than it looks. Many modals lock the page scroll while they are open, and hiding the modal without releasing the lock leaves a page you cannot scroll.
In Website Scroll Video this is on by default, as Dismiss Cookie Banners and Popups. Before anything is captured, the page is cleaned:
Two more settings sit beside it. Block Trackers and Ads keeps tracking and advertising requests from loading, which also keeps ad slots and the widgets they bring out of the frame. Hide elements takes CSS selectors, one per line, for anything site-specific the automatic pass leaves, such as a promo bar or a sticky “Book a demo” button.
A sticky navigation bar is part of the design, not clutter, and usually belongs in the video. Renderers that pan a single tall screenshot have to handle it specially, or it appears once at the top and then scrolls away. Website Scroll Video lays sticky headers back on top of each frame, pinned the way a visitor sees them. If you would rather it was not there at all, add its selector to Hide elements.
Paste a link and preview the scroll for free. 51 free credits when you sign up, no card, and no watermark on anything you export.
Dismiss it and reload to check it stays dismissed, or hide it with a CSS rule in DevTools, or enable a cookie-notice filter list in an ad blocker. Then release any scroll lock it left behind.
No. Known consent platforms are recognised by name and unknown ones by a heuristic that looks for pinned, high-stacked elements with consent wording, and they are removed before anything is captured. Chat launchers and newsletter modals go with them.
Add its CSS selector under Hide elements in the video settings and preview again. Previews are free, so you can check before exporting.
Automate website recordings with customizable motion, smart controls, and export options designed for modern creators.
