You can add many sections with different backgrounds and add different elements to all of them.
Creating The Page:
- Create a new page (Page » Add New)
- In the “Template” field (located in the right sidebar of the edit page section) select “Full-width custom page” template.
- If you would like to make this page a front page (to be opened by default when the site is visited) go to Settings » Reading » Front page displays » Select “A static page” and select the page that you have just created in the Front Page list:
Creating a background full-width section
In order to add a background full-width section to the Home page, you can use the “Background Section” button:
When you click the button a dialog with various options will be displayed:
In the following video you can see how a background section is added to the full-width page. The video also shows how to edit the background section, change the colours and add a services boxes set to the background section element.
Adding elements to the page content and the background sections
In addition to the standard content, there are also many different predefined elements that you can add, such as:
- Services Boxes
- Portfolio Carousel
- Recent Posts Element
- Call to action section
You can check the full list of elements and how to add them in the Elements section.
Setting a slider to the page
You can select the type of header on the page in the Page Slider/Header custom field of the page. In this field you can select between Fade slider, Content slider and None.
– If you select a slider, you can read about how to create and setup the slider in the Sliders section. Applying a custom background color and background image to the page header
You can read about how to apply a custom background color and background image to the page header in the Changing the default background color and image section.