Released On The 21st of July, 2020. View The Changelog
Purchase Avada
Discover More
avada-icon-circle

The Avada Website Builder

Design Anything, Build Everything

Say hello to Avada 7.0, the follow on update from version 6.0, 6.1, AND 6.2, 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.

header-icon

ULTIMATE FLEXIBILITY

The Avada Header Builder

New to Avada 7.0 is the super flexible Header Builder. Whatever your design requirements are, getting the job done could not be any easier. You can decide how many columns to use when designing and building the header, with a vast array of styling options to perfect the layout. What’s more, is you can now choose to create and display as many different headers as you want for different pages and posts throughout your website.

header-builder-image-new

THE LATEST AVADA PREBUILT WEBSITE

Pet Supplies

Our latest Avada prebuilt website is ready for you to import at the click of a button. It is stylish, vibrant, WooCommerce ready for your online store, and built with many of the latest Avada 7.0 features on display.

View Demo
pet-supplies-demo-new

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.

Buy Avada Now

ULTIMATE FLEXIBILITY & CONTROL

Flexbox For Fluid Layouts

Flexbox is a highly flexible layout mode in CSS3, and being purely CSS based, allows for supreme layout control and layout display of HTML pages. A major defining feature of flexbox is its ability to fluidly fit the viewport based on the device screen size you are using to view the website, with the layout being less restrictive in terms of content flow.

TIGHTER CONTROL

Column Width By %

Your design and layouts no longer need to rely on predefined 1-6 column sized layouts. You can now decide the width of all columns down to the percentage, giving you granular control over how your content is displayed on everything from a desktop to mobile and allows for exciting design choices.

column-width-options
breakpoint-flex

SET SIZE PER BREAKPOINT

Multiple Columns on Any Device

The option to decide how many columns are displayed across devices is a long-awaited feature. You can choose what columns to display on desktop, tablet, and mobile, providing a unique experience on each device for your website visitors.

COMPLETE FLEXIBILITY

Mobile Column Ordering

Your design and layouts no longer need to rely on predefined 1-6 column sized layouts. You can now decide the width of all columns down to the percentage, giving you granular control over how your content is displayed on everything from a desktop to mobile and allows for exciting design choices.

EFFICIENT & ORGANIZED WORKFLOW

16 New Prebuilt Headers

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.

avada-custom-default-headers-16
menu-element-icon

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

menu-options-design

DISPLAY THE MENU ELEMENT ANYWHERE

Ultimate Flexibility

menu-flex-options

DISPLAY THE MENU ELEMENT ANYWHERE

Ultimate Flexibility

DESIGNED WITH MOBILE IN MIND

Powerful Mobile Options

menu-mobile-options
Buy Avada Now
container-icon

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.

container-feature-1

Styling Options

container-feature-2

Positioning

container-feature-3

Alignment

container-feature-4

& Much More

HIGHLIGHT KEY AREAS ON A PAGE

Sticky Containers

A fantastic new option for all layout containers is the ability to assign a sticky status. If you have a particular point of interest or CTA on a page or post that needs to remain in the visitors’ eye-line as they scroll down the page, this is the way to do it. It is also a great way to improve the below the fold marketing strategy for your website.

SCROLL DOWN THE PAGE FOR MORE AMAZING NEW AVADA FEATURES

What’s New In Avada 7.0

BUY AVADA NOW

BRAND NEW ELEMENT OPTIONS

New Column Features

A lot of time and effort go into the big new features of any new release, but we also remember to focus on the small things. There are many small additions and improvements with Avada 7.0, keeping the theme up to date with third-party plugins, and improving features in general.

column-alignment

Alignment

column-content-alignment

Content Alignment

column-auto-width

Auto Width

column-width

Custom Percentage Width

column-order

Mobile Display Order

column-responsive

Responsive Options

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

  • Fusion 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 Fusion 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