> ## Documentation Index
> Fetch the complete documentation index at: https://fillout.com/help/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit form page layout

> Customize your form page's layout or position with Fillout. Choose where you want to showcase a background image or opt for a clean layout.

## How to change the layout

Click `Theme` to open the **Form designer** in the left-hand panel. Navigate to **Position** and select your preferred one.

<img src="https://mintcdn.com/fillout-005a867b/4Eo5jhWzoav1AI5P/images/Screenshot2025-11-28at4.20.00PM.png?fit=max&auto=format&n=4Eo5jhWzoav1AI5P&q=85&s=5c67947b4a9c81b65b5388ff91e9ca04" alt="Screenshot 2025-11-28 at 4.20.00 PM.png" width="2645" height="1438" data-path="images/Screenshot2025-11-28at4.20.00PM.png" />

<Note>
  Your chosen layout will be automatically applied to the rest of the pages. Currently, only the cover page supports having a different layout to the rest of the form.
</Note>

You can choose from the following layouts (listed from top-left to bottom-right):

* **Clean** - no image, but background color can be changed
* **Right** - fields on the right + image on the left
* **Left** - fields on the left + image on the right
* **Under** - fields under a cover image
* **Through** - fields through image
* **Over** - fields in a container on top of the image

<Note>
  For full page images, generally 16:9 is best or 1280 x 720. For side-by-side layouts, 512 x 720 is the ideal size, however you can use any size because the positioning can be [adjusted](https://www.fillout.com/help/image-gif#adjust-image-view).
</Note>

## Edit animations

Certain positions come with subtle animations or page transitions out of the box. Click `Preview` to see automatic animations based on your chosen position. You can edit this in the [Advanced designer](https://www.fillout.com/help/advanced-designer).

## Related articles

<CardGroup cols={3}>
  <Card color="#FFC738" icon="font-case" iconType="regular" href="/form-fonts" title="Change fonts">
    Choose from thousands of Google fonts or upload one.
  </Card>

  <Card color="#FFC738" icon="image" iconType="regular" href="/image-gif" title="Add images or GIFs">
    Use images, GIFs, picture choices, or combine them.
  </Card>

  <Card color="#FFC738" icon="paintbrush-pencil" iconType="regular" href="/advanced-designer" title="Advanced designer">
    Add a custom CSS, edit button style, change text padding, and more.
  </Card>
</CardGroup>