Remove layout classes before capture.

Learn how to remove specific CSS classes from elements on a webpage before capturing a screenshot, changing the page's layout or styling just for the capture.

Related: website screenshot API overview, full page website screenshots, URL to image converter, PNG vs JPEG format guide, and JSON base64 responses.

This feature is useful for altering visual components on a page.

Use CSS class removal with Add Screenshots to change how a page lays out or looks in the capture—reflow grids, collapse columns, or neutralize styling hooks—without touching the live site. Looking to remove ads, cookie banners, or popups instead? Use element hiding for that.

Clean Screenshots for Free or Compare Plans

• Precise control: Combine remove_class with element hiding or custom JavaScript for robust cleanup.
• No throttling: Run concurrent cleanup jobs across three regions without rate limits.
• Direct delivery: Send cleaned screenshots to AWS S3, Azure, Google Cloud, or Cloudflare R2.

Example of Removing CSS Classes

To remove a CSS class from elements on the page, use the &remove_class=demo URL query string, where "demo" is the name of the class to remove.

To remove multiple class names, repeat the remove_class parameter such as &remove_class=demo&remove_class=sample

Here is the original page that we'd like to change by removing the "WHE7ib" class name from all elements on the page to change the layout from horizontal to vertical.

The sample request to remove the class from the page is shown below.

// Line breaks added for readability https://api.addscreenshots.com/screenshots
?apikey= YOUR_API_KEY
&remove_class=WHE7ib
&url=https://play.google.com/store

The final result is shown below where the items are ordered vertically.

Start Removing CSS Classes

Standardize layout cleanup for every capture.

Save CSS class removal settings in a template and apply them consistently at scale.

Create an account