

The user is able to open, close, drag, and resize the panels according to his needs. This toolbar appears only when hovering an element and gives the possibility to access the options panel, to save, hide, duplicate, or delete the element. No more looking around to check each option to see if it was changed. Discard changesĪ unique feature of Zion Builder is the “display” of a green dot showing the options that have changed. The most used and intuitive keys were implemented to ensure the accessibility of user actions. A blueish line is the hint of the new position. Repositioning the elements is done with simple dragging and dropping anywhere in the page or in the tree-view.

Live edit the margins, padding and size by dragging the element outline toolbar. It contains the actions needed to import and export library parts and access to Zion library that provides hundreds of pre-made templates. The following extra design features come built-in the Panel Element Options: Blending Background, ColorPicker, Pseudo – selectors, Element’s motion control, Flexbox control, Powerful background image, Filters, Borders, Shadows, Typography, Transform, Transitions. Shortcuts for undo and redo are also available. Saving system, history of your actions, post revisions, users permissions, or easily discard changes give you the power of becoming the sole creator of your website. By default, the builder loads only the resources needed for the rendered page so you can get a fast website out of the box, without the hassle of micro optimization. That means you can choose only the fonts you need on your website even if on the dashboard you have access to hundreds of other fonts. Manage loaded resourcesĬhoose what fonts, colors, gradients, icon packs, or templates to appear in the page builder.

This is a powerful and unique feature that lets you add a distinctive touch to your design. When set a lower opacity of gradient colors, other gradient layers become visible. Multiple gradients may be layered by making use of color opacity. It can also be dragged anywhere on the screen so it doesn’t interfere with the design. The inline editor is triggered on text click and provides options such as font family, size, weight, spacing, alignment, or text-transform. This means that any changes made to the mobile view, will only appear on that device and it will not affect the other devices, which will still maintain the original design options. Visually decide the sizes, colors, or positioning of the elements for each screen. They can be styled either from the page options panel or from the Element options panel. To apply the same styles on multiple elements, Global CSS Classes were implemented. The general tab contains options specific to the edited element, the style tab contains options that can be used to style every aspect of the element while the advanced tab contains options for changing the element name, id, animations and more.

It consists of 3 main tabs: general, styling and advanced. Unified system of optionsĮvery element has the same easy to use and intuitive options pattern found in the “Element Options” panel. Unlike other page builders, the plugin adds only the minimal HTML markup needed to render the elements in page. For example, a button is composed of a wrapper, the button, and the icon, and each one of them may have individual styles applied. Independent composition of elementsĮach element is composed of a wrapper and its sub-components. This popup gives access to pre-made layouts, elements, and to the Library System. Zion Builder in action – TRY IT NOW WORDPRESS PAGE BUILDER FEATURES Elements and templates at your fingertipsĪdd elements and pre-made templates right where you need them from the page builder “Add Elements” Popup. The user-friendly tools included in Zion Page Builder make the building process for WordPress websites easier than ever before. Built and designed by Hogash team, the creator of the famous WordPress theme Kallyas, this plugin is the fastest page builder on the market.
