Building websites just got easier! The latest WordPress page builder plugin on the market,Zion Builder is a visual editor with powerful design feature …
Built and designed by Hogash team, the creator of the famous WordPress theme Kallyas, this plugin is the fastest page builder on the market. The user-friendly tools included in Zion Page Builder make the building process for WordPress websites easier than ever before. Read more on Zion Builder.
Zion Builder in action – TRY IT NOW
Add elements and pre-made templates right where you need them from the page builder “Add Elements” Popup. This popup gives access to pre-made layouts, elements, and to the Library System.
Each element is composed of a wrapper and its sub-components. For example, a button is composed of a wrapper, the button, and the icon, and each one of them may have individual styles applied. Unlike other page builders, the plugin adds only the minimal HTML markup needed to render the elements in page.
Every element has the same easy to use and intuitive options pattern found in the “Element Options” panel. It consists of 3 main tabs: general, styling and advanced. 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.
To apply the same styles on multiple elements, Global CSS Classes were implemented. They can be styled either from the page options panel or from the Element options panel. No coding skills required.
Visually decide the sizes, colors, or positioning of the elements for each screen. 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.
The inline editor is triggered on text click and provides options such as font family, size, weight, spacing, alignment, or text-transform. It can also be dragged anywhere on the screen so it doesn’t interfere with the design.
Multiple gradients may be layered by making use of color opacity. When set a lower opacity of gradient colors, other gradient layers become visible. This is a powerful and unique feature that lets you add a distinctive touch to your design.
Choose what fonts, colors, gradients, icon packs, or templates to appear in the page builder. 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. 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.
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. Shortcuts for undo and redo are also available.
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.
It contains the actions needed to import and export library parts and access to Zion library that provides hundreds of pre-made templates.
Live edit the margins, padding and size by dragging the element outline toolbar.
Repositioning the elements is done with simple dragging and dropping anywhere in the page or in the tree-view. A blueish line is the hint of the new position.
The most used and intuitive keys were implemented to ensure the accessibility of user actions.
A unique feature of Zion Builder is the “display” of a green dot showing the options that have changed. No more looking around to check each option to see if it was changed.
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.
The user is able to open, close, drag, and resize the panels according to his needs. The main panel can be dragged on the left or right side of the page.
By right clicking on an element ( from the preview page or tree view panels ) a custom menu appears with the main set of actions needed: copy, edit, remove, duplicate, hide, save, cut, discard, and copy element styles.
We implemented a search system so that you can easily find any option needed. No more looking around the options panel to search the exact option. This greatly improves the learning curve for new users.
Control the alignment of your content ( the child or the parent elements ) to be vertical, horizontal, or center. All the flex-box rules are implemented in the display section of Panel Element Options.
“Hover” state of an element combined with the independent composition of elements brings a powerful design that otherwise would have been achieved only with custom code.
From the advanced tab in the edit element panel, you can add movement to the elements. There are ready to use animations such as fade, slide, zoom, etc. An animated element will start it’s animation only when it is visible on the page.
The builder uses the WordPress revisions feature. With each page save, a new page revision is also created allowing the user to go to a previous version of the page.
Built with PHP and Vue JS, the builder can be easily extended by adding new elements, adding new option types and custom conditions for the theme builder.
Locating the correct element to interact with can be difficult when developing a complex web page. So you can rename your elements to get easily identified. On top of this, each element can be identified by its unique icon.
Zion Page Builder supports RTL which is vital for languages that are read from right-to-left (rather than left-to-right).
Zion Builder Pro – Innovative plugin that comes to complete Zion Builder with many awesome features and elements which are meant to help users build their websites in no-time.
One of the things users love about Zion Builder Pro is the ability to fine tune almost every CSS property directly from the options panel. Combine this with the ability to change the styling for responsive devices and pseudo selectors so you have complete control over the page design.
Zion Builder Pro makes it really easy to add custom fonts to your website. After uploading your font files to Zion Builder, your newly added fonts will be available in the editor at typography settings.
Integration with Adobe Fonts was thought even from the beginning because this is a feature designers need.
Importing custom icon packs created with Zion Builder Pro has never been easier. Any new icon pack added will be available in Zion Builder icon library.
Managing user’s permissions is done from Zion Builder’s dashboard. You can have full control of what users can edit.
With custom CSS you can fine-tune the styling. Add custom CSS to elements and/or pages.
With PRO, the page functionality may be extended by adding a JavaScript code which is only rendered on the current page
With PRO the Accordions and Tabs elements accept nested elements as content. This is a powerful feature that lets you create unique designs.
With PRO you have access to premium design templates that you can import with just one click.
Global Colors and Gradients have the superpower to edit a color or a gradient in one place and have those changes take effect everywhere that color is used.
Try out the Global Gradients yourself and you’ll see how you can spice up the design of your website while saving time.
Replace static content from elements that are managed in WordPress with dynamic ones.
Add extra spice to the design and users will love them.
The most wanted and powerful elements are provided in the Zion Builder Pro version. Currently the elements from Pro version are:
* Countdown
* Social Share
* Search
* Pro Tabs
* Pro Accordions
Take total visual control of your layouts and escape from theme limitations with Zion Builder Pro
If you want to help, go to our Zion Builder GitHub Repository. From there you can help us by opening new feature requests tickets as well as reporting bugs. Even more, if you’re a developer and want to improve or add a new feature to the builder, you can create a pull request.
We are here to help you anytime – Just join the Zion Builder Community.
Zion Builder is a front end visual page builder plugin for WordPress. Zion Page Builder lets you create original-looking posts and pages, compared with the post/page templates that come with the standard WordPress theme. It doesn’t require any HTML/CSS/PHP/coding skills. Zion Page Builder gives you full control over what your page looks like on desktop, tablet, and mobile.
Yes, you can edit posts, pages, and custom post types with Zion Builder by activating them from the Admin panel.
Zion Builder is compatible with most themes that are well constructed according to WordPress guidelines. Zion Builder works with almost every plugin, and mostly with the most popular plugins
The answer is definitely yes. If you run any kind of commercial business based on a WordPress theme and you wish to add interactivity in your pages, then Zion Builder can serve you the best.
Added: Slide effect for image slider element
Fixed: Sliders not working
Improved: Add outline for empty elements inside the editor
Improved: Removed “Start tour” and “About” menu items from editor interface
Improved: Renamed “Back to wp dashboard” to “Edit in WordPress” from editor menu ( https://feedback.zionbuilder.io/roadmap/back-to-wp-dashboard-back-to-gutenberg )
Improved: Added a link to WordPress dashboard in editor menu
Improved: Only allow site administrators to use the “custom code” element
Improved: Only show regenerate css message to site administrators
Fixed: Edit with Zion Builder button is not showing in edit post screen
Added: “word wrap” option to typography options
Improved: Show global color names in both admin panel and editor
Improved: Show global gradient names in both admin panel and editor
Improved: Set default name when adding global gradient from admin panel
Improved: performance when modifying element options
Improved: Color-picker option performance
Improved: Prevent panels from exiting the visible window
Improved: Element toolbox performance
Improved: Don’t highlight element when changing it’s dimensions from the element toolbox
Improved: Show toolbox resize helpers when pressing CTRL/Meta key while changing margin/padding
Improved: Spacing helpers from the element toolbox can now work with any size unit ( for example, percentages )
Improved: Show opposite spacing helper when the CTRL key is pressed while resizing an element from the element toolbox
Improved: Show element menu when right-clicking on the element toolbox
Improved: Tabs element accessibility
Improved: Compatibility with WPML plugin
Fixed: element toolbox not displaying proper margin/padding if percentage is used
Improvement: New UI for margin and padding
Improved: Allow wrapping text with span elements for text and heading
Added: (DEVELOPERS) new option type “box model”
Fixed: Console error when changing an active element while the input code option is visible
Fixed: console error related to link option type
Fixed Post lock popup doesn’t display properly in certain conditions
Fixed countdown element not working properly in safari
Fixed: Compatibility with Yoast plugin
Fixed: Trash links not showing for the templates admin page
Improved: Added tooltips for tabs/accordions
Fixed: Search inside element options panel doesn’t display properly
Fixed: Some words inside the plugin could not be translated
Added: Options to style the heading element links
Improvement: Added Zion builder templates as a WordPress admin menu item under the Zion Builder menu
Improvement: Automatically enable polylang for Zion Builder templates
Improvement: Show post type of taxonomy for options that show a taxonomy list
Improvement: UI/UX for the “yes/no” option type
Improvement: UI/UX for the repeater option type
Improvement: Show the Zion Builder menu in the admin bar for all pages ( https://feedback.zionbuilder.io/roadmap/edit-with-zion-builder-everywhere )
Improvement: [Performance] Don’t process element data if the element is hidden
Fixed: Polylang cannot properly translate Zion Builder shortcodes
Fixed: Whitelabel custom icons don’t show properly inside the admin menu in certain conditions
Fixed: Page options panel not working in certain conditions
Fixed: Some icons are not properly centered ( https://feedback.zionbuilder.io/roadmap/icon-element-not-squared-icons-are-misaligned )
Fixed: Section content inner width not working properly in certain conditions
Fixed: Builder admin menu icon doesn’t look good in certain conditions
Fixed: Theme builder items cannot be deleted in certain conditions
Added: Ability to set mega menu icon color ( https://feedback.zionbuilder.io/roadmap/option-to-change-mega-menu-icon-color )
Added: Link Element. This element allows you to easily insert links on the page. ( https://feedback.zionbuilder.io/roadmap/add-dynamic-data-to-the-field-of-link-title )
Added: Ability to style the last menu item directly from the options ( https://feedback.zionbuilder.io/roadmap/style-last-menu-item-of-menu-in-styling-tab-useful-with-example-image )
Improved: Improved Link option type UI/UX
Fixed: Advanced custom fields dynamic data not working in certain conditions
Fixed: JavaScript console warning when adding the image slider element to the page
Added: Additional helpful tooltip for various option types
Improved: Prevent page jump caused by the element add icon
Improved: The accordion element can be closed by clicking on the item icon ( https://feedback.zionbuilder.io/roadmap/alt-attributes-anchor-text-for-icons )
Fixed: WP widget options form not displaying properly on dark mode
Fixed: WP widget form not displaying the correct form when editing different WordPress widget
Fixed: The element menu automatically hides in certain conditions ( https://feedback.zionbuilder.io/roadmap/context-menu-doesnt-open-with-right-click-sometimes-under-some-conditions )
Fixed: Improper placement of select dropdowns
Added: Loop option for video element and video background
Added: Option to enable video lazy loading ( can be found in Zion Builder options > Performance )
Added: Option to add “playsinline” for video element and video background ( https://feedback.zionbuilder.io/b/5v8jzj0g/feature-requests/mobile-video-not-fullscreen )
Improved: Removed video preview from the video option. The video preview took a lot of space and the preview can be viewed directly on the page
Improved: Updated Google fonts list ( https://feedback.zionbuilder.io/b/5v8jzj0g/feature-requests/add-more-google-fonts )
Improved: Allow YouTube URLs that contain playlist param. If this is present and the “loop” option is set to “no”, the videos will autoplay to the next item in the playlist
Improved: Show collapse button for accordions and tabs in tree view ( https://feedback.zionbuilder.io/roadmap/bug-for-some-elements-the-expandcollapse-icon-is-not-displayed-in-the-tree-view )
Improved: Combined video background and video scripts into one single script
Improved: Removed Zion Builder templates from XML sitemap ( https://feedback.zionbuilder.io/roadmap/remove-zions-templates-from-wp-default-sitemap )
Fixed: Video background not displaying the video inside the editor
Fixed: Select option dropdown exits the browser window in certain conditions
Fixed: WordPress media modal not showing results the first time it is opened from the video element
Fixed: global class options form not full height
Fixed: Cannot discard changes when editing a CSS class
Fixed: background image drag icon always appears in the background image option field
Fixed: CSS class changes not applied in the editor in certain conditions
Fixed: Console error showing in editor mode when using dynamic data for a CSS class
Fixed: Console error showing when opening the page options inside the editor in certain conditions
Fixed: Discard changes icon not showing properly in certain conditions ( https://feedback.zionbuilder.io/roadmap/child-green-indicator-doesnt-clear-automatically )
Fixed: PHP warning showing in error log in certain conditions
Fixed: Custom unit not working properly for margin and padding option
Fixed: gradient color disappears when dragging the color from the gradient background
Improved: Lowered z-index for video overlay from 999 to 9 ( https://feedback.zionbuilder.io/b/5v8jzj0g/feature-requests/z-index-of-embedded-videos-overlay-image-is-too-high )
Improved: Added backward compatibility for zb.hooks API
Fixed: Color presets cannot be selected
Fixed: Compatibility with Rank Math plugin
Fixed: Icon position CSS class for button element is translatable
Fixed: Compatibility with Zion Extras
Improved: Moved element class and pseudo selector at the top of the element options panel
Improved: Number unit option type
Improved: Margin/padding option type
Improved: Press the CTRL key ( command on Mac ) to change the opposite value of the margin/padding option
Improved: Preserve unit for number input options when changing responsive device
Improved: Zion builder library open speed
Improved: Remove custom attributes options when editing a global CSS class
Improved: Zion Builder library display speed
Improved: Display of the system info admin page
Improved: Replaced save page notification with a small loader icon
Improved: Removed autosave notification when opening a page
Improved: Moved the “add new CSS” class to the top of the options panel
Improved: Updated all code to Typescript and Vue setup
Improved: Moved size and spacing options before border options
Fixed: Page template not applying when a theme builder template is used
Fixed: Rank Math integration stopped working
Fixed: Improper background color for custom code option on the current line
Fixed: Fatal error occurring in certain conditions when editing the menu
Fixed: Several actions from the inline text editor not working
Fixed: Background video doesn’t autoplay on mobile phones in certain conditions
Fixed: Element additional classes get deleted when removing element styles
Fixed: Compatibility with “Hoverify Chrome extension”
Fixed: Console error when hovering various style option tabs
Fixed: Local google fonts not working in certain conditions
Fixed: show/hide element not working from the toolbox
Fixed: container spacing options not showing
Fixed: new breakpoints not saving
Fixed: improper appear animation duration value set when changing the unit
Fixed: possible editor freeze when using the font color picker
Developer: Added the ability to add additional CSS classes to the CSS class selector option
Added: Eyedropper to color picker
Added: Highlight the affected element when hovering on element style options items
Added: Code hinting to all code option types- for example, element custom CSS
Added: Option for choosing the accordion title HTML tag
Improvement: Removed unit selection from number inputs
Improvement: Updated number unit component to Vue setup and typescript
Improvement: When clicking on an element inside the tree view panel, the page will scroll to that element inside the preview window
Improvement: Double click to rename elements inside tree view panels
Improvement: Removed extra click needed to set margin/padding values
Improvement: Added proper title to icon border radius option
Fixed: CSS is not removing in editor in certain conditions
Fixed: Image gallery media modal not showing images in certain conditions
Fixed: Background size option not displaying properly when the main bar is placed on the bottom of the page
Fixed: Preview window not filling the entire screen when activating preview mode
[DEV] Improvement: Updated dimensions input to Vue 3 and script setup
[DEV] Improvement: Updated Input HTML component to Vue 3 script setup and typescript
[DEV] Improvement: Updated Vue to 3.2.41
[DEV] Added: Ability to set body classes when adding an element to the page inside the editor
IMPROVEMENT: Added backwards compatibility for 3rd party plugins that use jQuery ( Zion Builder alone doesn’t use jQuery )
IMPROVEMENT: Updated links that pointed to Github issues to feedback.zionbuilder.io
FIXED: Edit with Zion Builder button doesn’t work in certain conditions
FIXED: Page assets not generating properly in certain conditions
FIXED: Regenerate assets doesn’t regenerate assets for all posts in certain conditions
FIXED: CSS background image not generating properly when using dynamic data
Fixed: Compatibility with ZiUltimate plugin
Fixed: Global custom css not applying
Added: Integration with HappyFiles plugin
Improvement: Create post css/js files on page load. This improves rendering performance
Improvement: Show status about the files that are regenerated when using the Regenerate cache button inside the admin panel
Improvement: Post CSS/JS files are regenerated automatically when changing/deleting a responsive device width
Improvement: Removed jQuery from several internal files
Improvement: Remove element id when cloning an element
Improved: Allow css variables as color inside color picker
Improved: Show “has changes” green dot for custom attributes
Improved: Refactored the entire page assets system
Fixed: New pages cannot be properly edited if they are not saved first
Fixed: Background position is not generating proper css if only one position is changed
Fixed: Input code overlaps line numbers with code in certain conditions
Fixed: Template shortcode not displaying properly in editor mode
Fixed: CSS is not generated for elements that are not displaying in the page due to element conditions
Added: Transition speed option for image slider
Added: History action when adding a new element from the tabs, slider builder and accordions elements options panel
Improvement: Contrast color for dark mode
Improvement: Performance when rendering builder icons
Improvement: UI for add elements popup
Improvement: Rendering performance of editor tabs ( for example, the element options panel )
Improvement: Don’t show documentation button in admin area if user sets an empty string as documentation url in White label settings
Improvement: Don’t show image resize fields for SVG images ( SVG images cannot be resized )
Improvement: Allow special characters in custom attributes names
Improvement: Don’t refresh elements if only options that style it are changed
Improvement: Performance for rendered pages made with Zion Builder
Fixed: Tree view list panel is not scrollable
Fixed: Add elements icon opens element options panel on first click
Fixed: Cannot scroll in element conditions dropdown option
Fixed: Element not highlighted in tree view when added to the page
Fixed: Tree view panel not expanding to the active edited element
Fixed: Tree view items not appearing after clearing the page and performing an ‘undo’ action
Fixed: Section view not generating image if the element requires long time to render in page
Fixed: Modals not opening
Fixed: Image link custom class not applying to the link HTML tag
Fixed: Discard changes not working in certain conditions for element options
Fixed: Cannot properly set the value for transform scale option if you use a dot separator
Fixed: Video element scripts not loading in editor in certain conditions
Fixed: Custom code element cannot be added in page properly
Fixed: Image slider not displaying properly in certain conditions
Fixed: Cursor jumps to start of the field when renaming an element from tree view panels
Fixed: Element animations not working
Added: Preserve higher responsive device values as options placeholders for style options
Added: History action for paste styles on element
Added: History action for paste element classes
Added: history action for inline text edits
Added: History action for discard element styles
Added: History action for wrap with container
Added: Placeholder support for dimensions option type
Added: Placeholder support for border option type
Added: Placeholder support for input number option type
Added: Placeholder support for spacing option type
Updated: Swiper script to the latest version
Improvement: Preserve element options active tab when changing the element
Improvement: Removed the local history when editing the element and moved it to the global history panel
Improvement: Overall editor speed
Improvement: Prevent the element menu from shrinking if the preview is zoomed in
Improvement: Always show the scrollbar for scrollable lists inside the editor
Improvement: UI for tree view panel
Improvement: UI for history panel
Improvement: You can now special characters in class names
Improvement: Improve UI for the dropdown option type
Improvement: Add ability to set placeholders for input checkbox option type
Improvement: Border radius option UI
Improvement: Only paste the styles that are available for the element
Improvement: Show add elements popup full size inside a zoomed preview area
Improvement: Properly place the element menu inside a zoomed preview area
Fixed: Element cannot be edited after wrapping with container
Fixed: Screenshot is not generating for imported template elements in certain conditions
Fixed: Fatal error that may appear in certain conditions when using WP customizer
Fixed: options panel not updating properly when editing the “Tabs” element and then the “Accordions” element
Fixed: Element searching looses some keystrokes inside the add elements popup in certain conditions
Fixed: Screenshot not generating in certain conditions
Dev change: The Element instance ‘content’ property now holds child element UID instead of the actual child instance.
Added: Responsive options for “slides to show” and “slides to scroll” options for slider builder element
Added: option to disable page builder area wrappers. It will be disabled for new installations
Added: “Wrap with container” element menu action
Added: Titles to elements inside add elements popup
Improvement: [Video element] Removed extra div elements
Improvement: [Video element] Video element inside a modal will not automatically play only when the modal is open
Improvement: [Video element] Video element inside a modal will stop playing when closing the modal
Improvement: [Video element] Removed jQuery dependency
Improvement: [Counter element] Removed jQuery dependency
Improvement: [Counter element] Removed animateJS dependency
Improvement: [Progress bars element] Removed jQuery dependency
Improvement: [Alert element] Removed jQuery dependency
Improvement: [Accordions element] Removed jQuery dependency
Fixed: The image slider doesn’t properly work inside tabs
Fixed: The image slider doesn’t auto-update its width inside the editor after changing the parent width
Fixed: Image slider infinite loop causes visual problems in certain conditions
Improvement: Disabled infinite scroll for slider builder element in edit mode. It was causing several problems
Fixed: Active tab not highlighted in editor mode
Fixed: Page shows vertical scrollbar if one of the tabs has a larger height
Fixed: Drag+CTRL doesn’t duplicate the element in certain conditions
Fixed: Editor panels opens with a delay in certain conditions
Added: User login status as the element display condition
Improvement: Allow custom breakpoints to work for sliders
Improvement: Updated slider component to Vue 3 setup
Improvement: Removed jQuery dependency for image slider
Fixed: Global colors not applying for custom classes in editor
Fixed: Child selector doesn’t preserve name after re-ordering the selectors
Fixed: Color picker behavior in Firefox browser
Fixed: Child selector name exits panel in certain conditions
Added: New UI and UX for the editor
Added: Ability to edit breakpoint device values
Added: Ability to add new breakpoint devices
Added: Ability to add general custom CSS to admin panel
Added: Ability to add custom header scripts from admin panel
Added: Ability to add custom body open scripts from admin panel
Added: Ability to add custom footer scripts from admin panel
Added: Ability to copy/paste element styles
Added: Allow copy/paste elements, styles, and classes between different browser tabs
Added: [tree View] Added expand/collapse buttons
Added: [tree View] Added button to remove all elements from the page
Added: [options panel] Added button to hide the panel
Added: Allow global classes to be renamed
Added: Ability to add global classes from the options panel
Added: CSS direction to display options
Added: Custom option for margin and padding
Added: Cursor display options to Style > Display > Display options
Added: Ability to add elements to favorites
Added: Thumbnail generation for local templates
Added: Ability to share the local library with different websites
Added: Ability to load Google fonts from local
Added: Ability to disable jQuery migrate
Added: Ability to disable WordPress emojis
Added: changes bullets to styling options accordions
Added: Additional options to style the search form element
Added: Ability to change responsive devices width
Added: Ability to add custom responsive devices
Added: Ability to disable normalize.css loaded by the builder
Added: Ability to change editor preview width
Added: Ability to set the custom scale for editor preview
Added: Ability to set editor preview to auto-scale based on available width
Added: Ability to create templates for all author archives
Added: Ability to create templates for specific author archives
Added: Theme builder link to the admin bar. This will appear as a submenu for pages edited with Zion Builder
Improvement: Updated tree view panels design and UX
Improvement: Color-picker won’t close itself if you click outside it while changing the color
Improvement: Elements are now editable with one click
Improvement: New element toolbox inside editor
Improvement: [tree View] Edit elements with one click
Improvement: [tree View] Edit element name with a single click
Improvement: Improved design for preview mode
Improvement: Preview mode responsive buttons shows the active responsive device now
Improvement: Changed UX for add elements popup category dropdown
Improvement: Allow the user to move the main bar in the top and bottom position
Improvement: Show tree view and history on the right side by default
Improvement: Added a delay before saving to history the element rename action
Improvement: The element menu will toggle if pressing the options icons twice
Improvement: Highlight newly added elements in the tree view
Improvement: When selecting an element from the tree view, the page will scroll until the element is centered on the page
Improvement: You can now close panels by clicking on the preview Iframe
Improvement: keep the add element icon visible in tree view when pressing it
Improvement: Renamed “View page” to “Preview page”
Improvement: The previewed page will auto-refresh when saving new changes
Improvement: Re-ordered main panel menu items
Improvement: Show menu items without capitalization
Improvement: Automatically fill padding/margins values when clicking on the link icon
Improvement: Zion Library UI
Improvement: The active library source is preserved after refresh
Improvement: Show only Library categories that have items in them when searching for an element
Improvement: Sort library items by date
Improvement: Keep cursor position when entering values in fields that also accept a unit
Improvement: Zion Library UI and UX
Improvement: The edit element panel will close automatically when deleting all the elements on the page
Improvement: Close number input popup for Spacing option type when clicking outside of it
Improvement: Replaced popup for choosing what changes to show with a confirmation message when you try to close the page while still having unsaved changes
Improvement: updated UI/UX for displaying the margin and padding inside the element toolbox
Improvement: You can now close the margin/padding popup by pressing the escape key
Improvement: Close library modal on escape key press
Improvement: Overall plugin performance in both editor and rendered page
Improvement: Delete local google fonts cache when regenerating builder files from admin panel
Improvement: Prevent Google from indexing template pages
Improvement: Add width tooltip when resizing the editor preview window
Improvement: Added scrollbar to preview window if it doesn’t fit the available space
Improvement: Use Google fonts as default instead of local fonts
Improvement: Disable WP emojis and jQuery migrate by default for new installations
Improvement: Disable normalize.css will be disabled for new installations
Improvement: Combined fronted.css with dynamic CSS file added by the builder. The builder only loads two CSS files now, one general and one specific to the rendered page
Improvement: The editor preview will display a horizontal scrollbar if there is no space
Improvement: Improved builder speed in both frontend and backend
Improvement: Reduced number of HTTP requests
Improvement: Added an overlay over the video element video in edit mode. This allows you to drag the video element and have access to right-click
Improvement: Set preview auto-scale on by default
Fixed: Tree view items cannot be dragged properly in certain conditions
Fixed: Editor compatibility with older versions of Safari
Fixed: Password-protected posts not showing password field if using dynamic data – post content
Fixed: Pasting text inside tree view element rename fields creates additional elements
Fixed: Code editor CTRL+Z adds different text instead of the previously used text
Fixed: Icon color shows different color inside editor and preview
Fixed: Not all CSS classes are deleted if pressing the “Remove additional classes”
Fixed: Cannot delete a CSS class after closing the confirmation tooltip
Fixed: Background color picker not visible in certain conditions
Fixed: element cannot be renamed in certain conditions
Fixed: caret jumps to the start of the line when renaming an element in firefox
Fixed: Console notice in admin panel
Fixed: Editor buttons in edit page not always appearing
Fixed: Accordion element not opening on click in edit mode
Fixed: Not all global CSS classes are showing in certain conditions
Fixed: Margin and Padding option display on Safari
Fixed: Video does not auto-play on iPhone in certain conditions
Fixed: Vimeo video background controls not working
Fixed: Element animations not working
Fixed: Local Google font not displaying correctly
Fixed: Editor modals appear below other elements in certain conditions
Fixed: post taxonomies not loading options in the dynamic field
Fixed: Content is not available in editor mode if the preview height is larger than the container height
Fixed: Play icon not showing properly in the video element and video background actions
Fixed: Element display conditions still apply after you set the visibility to all
Fixed: Transform option removes itself in certain conditions
Fixed: Margin and paddings are re-linking their values in certain conditions
Fixed: Element conditions clones values between conditions fields
Fixed: Custom fonts not working in certain conditions
Fixed: Preview scaling blurs text
Fixed: Visual editor option not updating its value in certain conditions
Fixed: Custom breakpoints not generating proper CSS in certain conditions
Fixed: Library screenshot not generating in certain conditions
Misc: Updated builder external dependencies to latest version
Misc: Updated many components to Vue 3
…