Elementor Page Builder
This section details the main elements and aspects of staco's unique application of the Elementor Page Builder. Discovering the different areas, icons and tools we have included will enable you to build beautiful pages quickly.
How to use Elementor
In this overview, you will find everything you need to know about Elementor page builder; starting with how the most commonly used interface elements work. Elementor has everything you need to manage content elements with a single click: add, edit, duplicate, remove or create element presets, etc.
You can also find some interesting video tutorials here: Available On YouTube
1) Add elements
SC Elements gives you instant access to 10 built-in content elements. Each element has been carefully crafted, and offers multiple options. Simply insert elements into your page, click on the Plus Icons, and you’ll see an overlay window containing all the available modules. Select the one you want, and it will be inserted onto the page.
2) Drag and drop elements
With the intuitive drag and drop interface you can quickly change your layout or reorder elements. Simply drag elements or modules using the Drag Arrows Icon.
3) Open Settings
You can modify rows, columns, and module presets in seconds, and build complex layouts without using a single line of code. Simply open the setting from the Pen Icons. This will open a different overlay window for every module category with your options organized in convenient tabs.
4) Copy, paste and clone elements
One way to make page building proceed more efficiently is to go to use the copy, paste and close functionalities.
5) Custom CSS code
If you need to insert custom CSS code for use in a single page only, you can easily do so. The custom code will be stamped only for the page in question, and will not appear in any other page. At the top right corner, you will see a Gear icon. Click on it to open a code editor window and insert your custom code.