The Avada Website Builder
Design Anything, Build Everything
Say hello to Avada 7.0, the follow on update from version 6.2, 6.1, and 6.0, which formulates our vision for the future of designing and building with WordPress and Avada.
The Avada Website Builder is feature-packed with a vast array of tools and style options that will complete your toolkit, ready to take on any project. Build any website layout, fully custom to your needs from the header down to the footer. Build bespoke menus, and take advantage of the latest Flexbox technology to create the layouts you want to display across all devices from desktop to mobile, and so much more. Continue reading below to discover more.
EFFICIENT & ORGANIZED WORKFLOW
New Dashboard Design & Layout
For Avada 7.0, and to vastly improve your workflow, we reimagined the new Avada WordPress Dashboard to be visually appealing and organized to be much more efficient. Everything that you need is right there, at your fingertips. Leaving the guesswork out of how and where to locate functionality so that you can get started with building your perfect Avada website right away.
EFFICIENT & ORGANIZED WORKFLOW
16 New Prebuilt Headers
COMPLETELY CUSTOMIZE YOUR NAVIGATION
New Menu Element
As a companion to the new Header Builder for Avada, the new Menu Element is extensive in its offerings. It will make a significant difference to any Avada powered website you design and build. You can now display any menu anywhere within your website pages or posts, literally. The styling and layout options and choices for the new Menu Element are comprehensive.
THE ONLY LIMIT IS YOUR IMAGINATION
Amazing Styling Options
DISPLAY THE MENU ELEMENT ANYWHERE
Ultimate Flexibility
DISPLAY THE MENU ELEMENT ANYWHERE
Ultimate Flexibility
DESIGNED WITH MOBILE IN MIND
Powerful Mobile Options
ADD STUNNING ANIMATIONS TO YOUR PAGES
New Lottie Animation Element
Lottie is an open source animation file format that utilizes tiny file sizes and produces stunning animations and effects. The all new Avada Website Builder element for Lottie Animation lets you quickly and easily add and customize Lottie Animations on your pages.
AMAZING STYLING OPTIONS
Supercharged Layout Containers
Incorporating the use of flexbox, which is purely CSS based, allows for supreme layout control and layout display. A significant and defining feature of this method is its ability to fluidly adapt to the viewport based on the device screen size. With all of the new styling and layout options in Avada, layouts are far less restrictive in terms of content flow and display.
CONTINUED VALUE
Noteworthy Additions
We do not rest on our laurels, that is for sure. Growing and evolving the Avada Website Builder into the ultimate website building toolkit is core to our focus as a team. Everything from third-party compatibility for your essential plugins to the continued improvement of existing Avada assets is always central to our development strategy for the future of Avada.
WooCommerce 4.3
WooCommerce 4.3 is now fully compatible with Avada
Updated Button Element
The Button Design Element now has customizable margin values.
Avada Slider
Fusion Slider is now Avada Slider, and has a new Full Screen option.
Font Awesome 5.13.1
Font Awesome has now been updated to v5.13.1 for use with Avada, offering 1598 icons.
Google Fonts
The Google Fonts API has been updated to the latest implementation.
Longer Animations
Extended maximum transition time for element animations to 5 seconds
The Complete List of Avada 7.0
New Features, Fixes and Improvements
The whole team here at ThemeFusion work tirelessly to bring you the very best page building experience available, and we stand firmly behind our endeavours, and are proud to say that we believe in what we have delivered and think it to be the best on the market.
In true Avada fashion, below is a full, comprehensive and detailed outline of what we have fixed, improved and added to the Avada Website Builder for the 7.0 release.
NEW FEATURES
A professionally designed demo with a custom header and updated all demo imports to use flex box layouts
Added an advanced, full-blown header builder for incredible design freedom (see information above)
Added 16 prebuilt headers for usage with the header builder
Container & Column elements now have a flex box based standard mode, which allows for advanced setups and positioning (see information above)
Avada Website Builder admin dashboard, integrating all components of Avada into one main area
Site title and tagline can now be used as dynamic data
Possibility to set a custom width on Column element
Responsive options system to control margins and paddings of Containers, Columns, and some elements for large, medium and small screen sizes
Added a column alignment and a column justification option to the Container element
Added options for sticky and absolute positioning of containers
Added a z-index and overflow options to the Container element
Added an option to set a minimum height for the Container element
Added box-shadow options to the Container element
Added options to control Container element borders on all sides
Added animation options to the Container element
Added option to order Column elements within a container differently on responsive modes
Added option to set different Column element widths in responsive modes
Added column self-alignment option to Column element
Added content layout and alignment options to the Column element
Added custom width option to the Column element and an auto width option
Added a Global Option to set the column spacing
Added element sticky visibility options to Column and other elements
Added a post meta element to the Avada Layout Builder for easy customization of post meta data
Added option to the Comments layout section element for ordering comments vs comment form
Added responsive alignment options to Title, Image, Button and Text Block element
Added font-size, font-family, line-height, letter-spacing and font-color options to the Text Block element
Added background-color, font-size, text-color, and border options to the Search element
Added border options and max-width option to the Image Before & After element
Added flex-grow option to the Separator element to make element positioning at bottom of columns easy
Added an icon font size option to the Social Links element
Added possibility to set divider color to the Avada Widget Options
Added possibility to turn off related, up-selling and cross-selling WooCommerce products
Added possibility to easily clone layout sections
Avada Slider element can now use full-screen mode
Added option to change the FAQ archive page slug
Added WeChat to Social Icons
Added Xing to Social Sharing Box
Added TikTok to Social Icons and Social Sharing Box
Added margin options to the Button element
Added div tag as choice for the Title element tag selector
Smooth on page scroll will work for anchor links now in top menu and menu widgets
Added possibility to regenerate related post image sizes by adding force-regenerate GET query var to page URL
Added a filter for easy extension of multiple featured images to CPTs
Added a filter for the Vertical Menu widget arguments
Added compatibility for breadcrumbs and image sitemap of RankMath SEO plugin
Compatibility with WordPress 5.4 and 5.5
Compatibility with WooCommerce 4.3
Compatibility with ContactForm 7 v5.2 where notices have been updated
FIXES
Menu icons not showing in custom menus in Vertical Menu widget
Responsive Typography being applied even if disabled
Missing form labels in WooCommerce “My Account” login in secondary menu
WooCommerce filter products by price widget not working with Avada Builder
WooCommerce star rating not being displayed correctly when using products within Slider Revolution
Header background color in Avada Page Options not being applied to WooCommerce shop page
HTML tags in product titles not working on WooCommerce order page
WooCommerce Featured Product Slider element not listing all featured products
Usage of fusion_is_shop() function, even if WooCommerce is not active
Page Options migration sometimes unnecessarily running
Doubled CSS ID being used in the Horizontal Menu widget
WPML “All Languages” Global Options not saving correctly when default language is set to English
Saving Global Options in WPML primary language removes the custom font settings in secondary languages
Spacing issue in the modern mobile menu
Page Options migration not working on CPTs
Global Options save hidden options empty when global layouts are used in Layout Builder
Issue with transparent header background on taxonomy pages
Social icon tooltips not always correctly spelled
Avada Slider export failing sometimes
PHP notice when installing plugins from the prebuilt websites modal screen
Lightbox not working correctly with webp images
Global Options page title bar height options applying to custom page title bar layout sections
Side header height not spanning full height when header and page content heights are smaller than the viewport
Not all enqueued scripts in Avada Core using the correct plugin version number
Prebuilt website installation compatibility issue with LayerSlider 6.11.1+
Assigned sidebars not correctly working on buddyPress pages
Typography issue where italic font parts display bold
Background images not imported when importing Avada Page Options
Search menu overlay still being clickable in some cases, even when closed
Bottom shadow not scaling with images when using it with lift-up hover effect
Color pickers jumping to same alpha channel value as the default color, when changing the color
Search element live results being below the following element
Ordering issue of ongoing events in the Events element when using the new Events Calendar templates
Chart.js file not disabled when chart element is disabled
Background hover color on icon incorrectly used in Content Box element if background is disabled
HTML not working in the Widget element
Some wrong widget styling in the Widget Element
Some hover and active colors being wrong for widgets in Widget element when parent Container has link colors set
Image element inheriting the max-width setting from a prior Image element on the same page
Fonts set in elements not always loading correctly
Some minor display issues with 100% height scrolling sections
Icon element background color is wrong when stylesheets are loaded in footer
Section Separator element width not being correct when used within the Layout Builder
Incorrect content displayed on bbPress forum archive pages when using the Layout Builder
Empty paragraph HTML tags being added to the content when using the Layout Builder
PHP notices when using Content element on archive pages in Layout Builder
Excerpt dependencies not working correctly in the Archive element in the Layout Builder
Padding on 404 page Layout Section not being correctly applied (global one being used instead)
Interior Content Width option not showing in Container element, when used in a Layout Builder Section
Padding not being applied for Archive element in Layout Builder
Custom footer assignment in Layout Builder not working for the main blog page
Conditions set in Layout Builder for a specific WooCommerce product impacting product archive of same category
Navigation links not working in layout conditions when a CPT has a name consisting of more than one word
Standard fonts not displaying correctly on the front-end
Grayed out elements in the Layout Section Builder not always staying grayed out correctly
Column element class attributes being defined as protected, preventing easy developer extension
Container padding inheritance being off in some cases when used in layout section
Dynamic content derived from ACF fields not working correctly on taxonomy pages
Title font size option not working with em as unit in Content Box element
Custom dynamic content options not working correctly when being added
Title element rotation text not being correctly aligned, when titles are center or right aligned
Drag handle in Image Before & After element briefly overflowing on handle release in Safari
Added 5th parameter to the wp_nav_menu_item_custom_fields filter function to fix 3rd party compatibility issues
Post meta data filter to prevent 3rd party conflicts
Excluded iframes with empty src attribute from checks in fusion-video.js to prevent 3rd party conflicts
3rd party compatibility issues on admin pages with Avada’s privacy consent class
3rd party compatibility issue with TGMPA class implementation
Live Editor partial refresh on Footer Global Options change, even if custom footer is used
Avada Slider not displaying content in Live Editor when inserted through Page Options
Responsive breakpoints preview in Live Editor not always being correct on 4k+ screens
Image not being auto-selected in media library when editing it in Image element in Live Editor
WPML language switcher being hidden when changing menu options in the Live Editor
“Open link in new tab” checkbox missing from link selector when using Live Editor
Alignment of Icon element not always being correct in Live Editor
Drag & drop issue on Container element when interior content option is changed
Some side header options not live updating when changed in Live Editor
Live Editor inline editor link field using focus while typing
Set Google fonts not correctly imported on import of library elements in the Live Editor
Sticky header not being initialized after import of a library element in the Live Editor
Some display issues in wireframe mode of the Live Editor
Empty column background images scaled incorrectly when editing layout sections in Live Editor
Blank page instructions container incorrectly displayed on contact template
Nested columns not being editable in Live Editor when used on a post that uses a layout section
PHP notice from WooCommerce cart when editing in Live Editor
Some wireframe styles incorrectly being applied to columns when editing layout sections in Live Editor
Exit to front-end link on layout sections when using Live Editor not loading page with dummy content
Page template not being auto set to default in Live Editor when creating a new page
The Events Calendar general options tab not responding in the Live Editor
Email icon not showing for Person element in Live Editor even if address is correctly set
Padding values set in rem don’t live update correctly in Live Editor in the Container element
Column element order being incorrect on Column element duplication if last added element was Nested Columns in Live Editor
JS error in Image element preventing editing of the page when image src attribute is empty in Live Editor
The fusion_load_live_editor filter not being applied to all areas
IMPROVEMENTS
Anchor links on Image element and Content Box element can now be used for smooth on page scrolling
Added support for all featured images to be used in dynamic data fields
Added aria-hidden attribute to all <i> HTML tags for better accessibility
When Global Options date formats are empty, format is now pulled from WP settings
Extended maximum transition time for element animations to 5 seconds
Added rel attributes to paginations
Added masonry mode to the Archives layout section element to match Blog element
Suhosin checks are now hidden on system status page if it is not installed
Live editing of legacy headers can now be done in place on the page, dummy content being added for better visual representation
Element settings are auto closed now, when you change from element editing to nested columns editing in the Live Editor
Added tab focus to Flip Boxes element to improve accessibility
Element CSS files get enqueued only if the element is not disabled
Extended the dummy post content for better visualization when editing layouts
Changed jQuery hover events in the Live Editor to mouseover / mouseleave ones
Updated several option descriptions and dependencies for better usability
UPDATED: Font Awesome now is on version 5.13.1 offering 1598 icons
UPDATED: To the latest implementation of the Google fonts API
UPDATED: Waypoint script to latest available version
UPDATED: Default button attributes in Avada Slider
UPDATED: Removed the toTop JS library and moved to a new custom implementation
