Page Builder
Build pages with Elementor, custom widgets, and prebuilt templates.
When creating a new page, a button above the content editor Edit With Elementor will show the builder.
Clicking the button will open the Elementor Editor. There you can drag an element from the sidebar that will be added to the page flow. Clicking the element after it is inserted will open its options.
Here you can find a video that shows the features of the Elementor Page Builder. The video shows some of the default Elementor Widgets that come with the plugin and ways on how to create and adjust your page.
<div className="media-embedded">
</div>
Page Options
When you click to edit a page from the Admin Dashboard, you can find additional Page Options like Hide Title and Transparent Navigation:
Page Builder Widgets
The theme adds multiple Elementor Widgets that are created and styled specifically for the purpose of the theme.
For each widget you can adjust its options and content in the Content Tab in the Elementor Sidebar and it's styling in the Style Tab. Most of the widgets are self-explanatory. Here is a list with details of the more specific widgets:
Poster
The Poster is a very flexible widget that can be customized in various layots. It could be used as a Call To Action element or an element that shows a promotion or some advertisment. The widget consists of an Image, Content and a Button. In the Content Tab you can adjust the Skin or layout - this changes the position of the image in the element. An image as well as an overlay image can be added, which can also change on hover. Depending on the layout, in the Style Tab you can adjust the image width, height, box height. You can also add border to the content or box, adjust the content text color and background color, add padding, change the button colors and add hover effects to the image and content.
Elementor Templates
The theme comes with Elementor Templates that you can use per page basis. To Import them for later use in your theme, go to Templates > Saved Templates and click Import Templates in the upper part of that page. Choose the *.zip file found in the /elementor-templates folder that you can find in the theme package you downloaded.
You can them use them when you insert an Elementor Section in a page. You can find the imported templates in the My Templates tab of the popup window. You can watch more in the following video:
<div className="media-embedded">
</div>