Diffy documentation
  • Features
    • 👋Welcome
    • Mask & Exclude
    • JavaScript snippets
    • HTTP headers
    • Cookies
    • CSS overrides
    • Mock content
    • Dealing with Dynamic Elements
      • Freeze Carousels / Sliders
      • Cookies Policy Popups
    • Configure project from YAML file
    • Zapier integration (JIRA, Trello, Basecamp integrations)
    • Bypass protection Cloudfront, Akamai, Incapsula
      • Bypass Akamai protection
      • Bypass Imperva Incapsula protection
    • Tags
    • Figma
    • Local development
      • DDEV add-on
      • Lando integration
      • Docksal
      • Standalone docker container
      • Ngrok
  • Automation
    • 💡Overview
    • GitHub Pantheon CircleCI
    • GitHub Pantheon GitHub Actions
    • GitHub Tugboat
    • Platformsh GitHub Action
  • Tutorials
    • Comparison review
Powered by GitBook
On this page
  1. Features

CSS overrides

Deal with stretched elements

PreviousCookiesNextMock content

Last updated 1 year ago

In order to take a screenshot of the whole page Diffy opens it in a really tall browser window (over 30.000 pixels in height).

In case a website has styles that use vh units or percentages of the window height these elements can be stretched. We try to deal with these elements in an automatic fashion but some elements still can take more space than you expect.

In this case, you can override CSS for these elements and set their height in pixels.

that shows how to target these elements.

Here is a video