Using the Elementor Editor to define layouts from templates #
Your version of Elementor includes some templates to get you started. As you have a Pro license installed, you will have access to the full range of templates in the built in Library. To access the library, click the folder icon (2nd from the left).
.
This will open up the Library of templates available to you.
Adding Blocks #
The first page displays “Blocks”, these are individual blocks you can use to build your page such as testimonals, FAQ’s, contact areas and more. Clock on a block to preview how it will display using the provided text (don’t worry, you can change this text). Click the INSERT button to add the block to your page.
Edit the default text #
Once the block has loaded in the editor, have a look at how it has been designed. You will see that this example is made up of 2 containers one on top of the other. The top container contains 2 smaller containers with text, a heading and a button on the left hand side and an image that will zoom in and out if you put your mouse over it on the right hand side, The container at te bottom has 5 smaller containers placed side by side. As you cursor over each of these smaller containers you will see a small edit button in the top right hand corner of each section.
These are called ELEMENTS. Clicking on the small pencil icon will allow you to edit each of these containers. As you click on each element, a panel will appear on the left hand side of the screen that displays the default text. Simply type the text you need over this default text in the panel and it will automatically update in the preview screen.
As you can see in the example shown here, the first column or container includes an image with some text below. Simply type over the text in the editing pane to change it.
Change the image #
To change the image, click the image box on the editing pane and select or upload another image to your media library by dragging and dropping it from your pc.
Save your changes #
To save your changes, click the purple PUBLISH button in the bottom right of the Elements Editing panel.
