# View Port Settings

Under Viewport settings, you will be able to adjust the below things - 

* **Background Color :** Choose a suitable background color from the panel or using a color code. 
* **Display Size :** Adjust the display size of your experience from the drop down menu. 
* **Shadow Catcher :** Cast shadow using this option, you can change the color & opacity of the shadow under this option. <br>

<figure><img src="/files/dYJClZBiIIJMcx6p5Dbv" alt=""><figcaption></figcaption></figure>

## Lock Element

The Lock Functionality in the Composition Panel and Timeline allows users to prevent accidental edits by locking elements, hiding their gizmos, and restricting property or animation changes. You can also use the key 'L' on your keyboard to lock/unlock.

<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avataar.ai/knowledge-center/creator/projects/view-port-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.