Hiding elements before taking screenshots
⚠️ We highly recommend reading steps 1 to 3 of Click any element on the page before taking a screenshot first. It shows you how to get the selector of the element you want to hide. Once you have that selector copied, come back here.
In this example, we hide the logo on the branches of the US government website. The arrow in the picture below points at the element we want to hide (it can be any element on the page). Before hiding the logo, the webpage looks like this:
Now head over to your Stillio account and add this URL: https://www.usa.gov/branches-of-government. Open the Advanced settings tab, type the selector you copied into the Hide field and press Enter. It should look something like this (see all advanced capture settings):
When you add the webpage with these settings, our render engine hides the selected element and renders the page like this:
Congrats! 🎉 You've hidden that image before the screenshot was taken. Think of it as any unwanted element on your webpage, like a pop-up.