These videos give a very helpful quick tour of the main features you will need to know.
The following instructions give an overview of the basics needed to edit a website built using WordPress & Elementor. Not all aspects of the WordPress admin area are covered in this guide – just the essentials for editing Elementor pages. For more detailed infomation about the Elementor widgets see docs.elementor.com, and for a step-by-step guide to using WordPress go to our How to use WordPress page.
Don’t try to edit any page created using the Elementor plugin using the standard WordPress dashboard. Instead, do one of the following…
Each page is made up of containers which have a pink outline when hovered over. Widgets then get dropped into containers to create the page.
To add a new container simply click the ‘+’ button at the bottom of a page or add a ‘container’ element from the sidebar.
All elements can be duplicated and dragged around to change the order essentially allowing them to be used as building blocks for a page.
Hover over a container and you will see three icons – the first adds a new container, the second allows you to move the container and the third deletes the selected container. Hover over container or widget and you will see small squares – use these to move the elements.
Whether editing a container or widget, right click for further options. Helpful options to note are…
When you first edit a page built with Elementor you’ll see a sidebar from where you can add elements and edit settings for all existing elements.
Initially you’ll see the basic elements that can be added eg. containers, headings, images, text etc. There is also a tab for ‘Global’ elements – any pre-designed widgets, specific to your site, will be stored here.
The top left ‘hamburger’ icon will show you various global settings for the page. We’d recommend not touching these settings apart from ‘Revision History’ which will enable you to go back if you’ve made a change you want to undo.
Exactly what shows in the sidebar will depend on what is selected in the main preview window.
For all widgets you’ll see three options in the sidebar – Layout, Style and Advanced.
This is a video explaining some of the basics of creating and editing new pages. Always remember to click ‘update’ to save any changes you make…
You’ll see this same icon on a number of elements (text size, alignment etc.). By default, whatever you set for desktop will flow down to tablet and mobile but where there is a computer screen icon next to a setting you can choose to have different parameters for each screen size.
To get a proper preview of the site use Ctrl / Cmd + P to enter preview mode (use that same shortcut to exit preview mode).
Global widgets are widgets that we have pre-designed to enable you to
For example, if you want to add a button we can set a global widget so that the style of that button matches the rest of the site so you don’t have to manually style each one.
Global widgets, by default, are linked meaning that if you edit one it will update everywhere it’s used on the site. If you want to use global widgets to enable pre-styled elements which are different in each instance (eg. a different URL from a button) then add the widget, click ‘Unlink’ and then edit the element.
Templates can be used to create whole pages or sections within a page. Where a global widget is just one element, a template can contain a mix of sections, rows and widgets.
The section below is one example of a template…
Banners and adverts can be created using Elementor. If you have an upcoming event or series you may have lots of information you want to communicate – a good idea is to create a simple advert/banner that links to a page with more info. This is more friendly to read and will be legible on mobile and tablet (where a flyer that’s been pasted into the site will probably not be).
Here’s a few examples of what can be created using Elementor…
This is a video explaining how to create a simple banner like the ones above.
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |