SALE  Get the All Themes & Plugins for only $149 View Details →




Theme Documentation

Plugin Documentation


CookBook – Setting up the Homepage using Elementor

This article refers to CookBook

In the CookBook theme you can easily edit the front page using Elementor. This means that you get complete control over what sections are included and their position.

Below we’ll explain how to set up your front page using Elementor.

1. Create the front page & choose the right Page Template

The theme includes several Page Templates to create pages, but we recommend you to use the following one:

Full-width Page (Page Builder)

Here are some advantages why you should use a Page Builder to create your homepage:

– A page builder gives you more control and flexibility: full-width sections, image, and video backgrounds;
– Custom sections with different number of columns;
– Easily adjust design options of each section, column, or widget individually: margin, padding, fonts, etc.
– Advanced tools like Import/Export, templates, etc.

Now that the differences are known to you let’s proceed to the first step.

First, create a new page or edit an existing page (e.g. your current static page) and make sure to select the right Page Template:

2. Assign the new page as your Front Page

Once you’ve published or edited the page you want to use as your front page, go to Settings > Reading page and select your page in the option: “A static page > Homepage“:

3. Start building with Elementor!

Now that the right page with the correct template is assigned as your front page, you can import the homepage layout.

If you selected to build your homepage using the Page Builder, go back to edit that page, and click on the blue button “Edit with Elementor“:

If you don’t see this button available, the Elementor plugin is probably not installed or active on your website.

If you haven’t loaded the theme’s demo content and want to start building your website from scratch, importing a layout would be one of the starting points.

Click on the blue W icon (WPZOOM Library) in Elementor to load the homepage template.

If you don’t see this icon, please install the Elementor Addons by WPZOOM plugin.

Choose the homepage template and click on the Insert Template button.

If you’re new to the Elementor page builder, this Getting Started guide could be of help.

Last updated on April 24, 2022