> For the complete documentation index, see [llms.txt](https://atd-dts.gitbook.io/atd-knack-operations/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atd-dts.gitbook.io/atd-knack-operations/knack-code/code-knack-print-page/print-without-overlapping-views.md).

# Print without overlapping views

Sometimes if you have a lot of Rich Text views, you might encounter a scenario where the text is overlapped when printing a web page even though the web page itself doesn't have this issue.

<figure><img src="https://3087753818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LzNSSXajDFpzOv2IhIv%2Fuploads%2FDeuZSQA1NN8we7kgwUJk%2Fimage.png?alt=media&amp;token=8280ff9c-0294-4502-972d-108ecaf290c6" alt=""><figcaption></figcaption></figure>

The reason this happens is due to Knack grouping up the views in using `.kn-scene -> .view-group -> .view-column -> .kn-view` and setting it as `display:flex`.

You can read about it in the Knack [docs](https://docs.knack.com/docs/new-builder-custom-code) about the CSS builder code.

## The JS

None

## The CSS

Modify `#kn-scene_XXX` in line 1 to the scene ID of the web page you will be printing.

{% code lineNumbers="true" %}

```css
#kn-scene_XXX .view-group {
  display: block; /* avoids text overlapping */
}
```

{% endcode %}