---
title: "How to create a full-screen background website and add content?"
description: "# Steps to create a full-screen background website ### Add a new section Remove all the existing elements if you are starting a new page. Then add a new section. ![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1172-1024x382.png) Select the section and open the section tooltip ![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1173-1024x188.png)…"
url: "https://crmhelpdocs.com/docs/how-to-create-a-full-screen-background-website-and-add-content/"
updated: "2023-10-18"
category: "FAQ's (In Progress)"
---

# How to create a full-screen background website and add content?

# Steps to create a full-screen background website

### Add a new section

Remove all the existing elements if you are starting a new page. Then add a new section.

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1172-1024x382.png)

Select the section and open the section tooltip

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1173-1024x188.png)

Under settings, select the ‘Full Height’

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1174.png)

### Set the background for that section

Click on the ‘Background’ icon to select a background image for that section.

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1175.png)

You can change the focal point of that image by using this icon

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1176.png)

### Add other elements

Now, inside the main section, you can add other elements.

![](https://crmhelpdocs.com/wp-content/uploads/2023/10/image-1177-1024x519.png)