Important Update Info

13/07/2022
Avada Website Builder

Current Version: Avada 7.8.2

(Released on September 21st, 2022)

With each new Avada update comes incredible new features, new options, code improvements and fixes. Our team takes the utmost care in creating updates and ensuring everything is fully tested, both by our team as well as a large group of beta customers. It is important that we communicate to our customers any important items that need to be taken into consideration when updating. This post is dedicated to relaying that information to you any time a new major version of Avada is released.

Avada 7.8 Important Update Information

1. Clear & Rebuild Critical CSS After Update (Fixes double scrollbars)

Avada 7.8 introduces new design features like sticky columns. Do to these additions, some of the CSS code used, had to get changed or updated. Thus, you might experience display issues (double scrollbars) after update, if you use Avada’s critical CSS feature. In order to resolve this, just clear and rebuild critical CSS. See the critical CSS doc for more info.

2. Live Editor Navigator Replaces Wifreframe Mode

Avada 7.8 introduces the new Navigator, which lets you easily see the whole structure of your pages. It makes it very convenient to to move containers, columns and element around, and to jump to a specific element on the page. You can even open the element settings, delete or clone any element directly from the Navigator. This new feature is much more powerful and performant than the old wireframe mode, which thus has been removed. See all about the Navigator in the tutorial video.

Why have we deprecated Wireframe editing?

There are a several essential reasons for this, all with improvement in mind. The main thing is that the way it worked was somewhat buggy and limiting. Especially in small areas like Off-Canvas building, it just didn’t make sense the way it was. In addition to that, it was worse for the overall performance of the builder because both modes had to be kept in sync and additional templates loaded.

The navigator provides all the same functionality in a more compact area. It is easier to see the hierarchy and re-order items, and you can have the navigator open simultaneously with the live preview. This makes finding which element is which much simpler.

In the end, the back-end builder is still there, so if it’s a wireframe experience that you want, you always have that option. However, we do think after the initial adjustment period that, the navigator will replace what the wireframe offered.

3. New Woo Filters Element

Avada 7.8 comes with a new Woo Filters element, which lets you easily filter products according to attributes or price range. This element is a layout element and is thus only available when using the layout builder. They should be used together with the Post Cards Archive element, in order to work. As by their nature, filters will only work on product archives, including the main Shop page.

Avada 7.8 What’s New Page
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada

General Update Information

1. Always Backup Your Current Setup

It’s always a good idea to make sure that you have a current backup of your web site, including your wp-content folder, your wp-config.php file, and your .htaccess file in your WordPress installation folder, and a copy of your WordPress database. You can use these to revert back to your original site if something unforeseen happens during the update process. If you are not familiar with how to do this yourself, there are several plugins available that completely automate that process for you, such as: UpDraft Plus and WordPress Backup Buddy. If you are using the Revolution Slider and have added custom CSS, please make a backup of the styles because those will be removed when you update. You can also backup your Avada Theme Options on the Backup tab in Appearance > Theme Options > Backup.

2. Do Not Keep Older Copies of The Theme In WP Theme Folder

You should completely remove all previous Avada theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

3. Do Not Rename The Theme Folder

If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. Make a copy of your current theme folder before you upload the new theme.

4. Reset Theme Cache, Browser Cache, Server Cache And Plugin Cache

It is always recommended to reset all caching systems after an update, including theme cache, your browser, plugin (e.g. W3 Total Cache), and server cache. Visual issues may happen and more often than not, its caused by caches, and they need to be emptied. Each browser allows you to remove cookies, history and other data. If your theme or Avada Core version is not updated after uploading the new files, it is due to a server-side caching system. Some hosting providers have server-side cache systems installed to optimize the speed of content delivery, please clear any server-side cache or ask your host to do it. This is also true for google pagespeed setups or cloudflare setups. View our general cache information that describes the various forms of cache and how to clear them.

For Avada versions 5.1 and higher there is a special button in Theme Options, called “Reset Fusion Caches” that lets you reset the theme cache. You can find it by going to Avada > Theme Options > Advanced > Dynamic CSS & JS. In Avada 5.8, this is now found in Avada > Theme Options > Performance > Dynamic CSS & JS.

5. Update The Child Theme

If you have copied template files from parent theme to child theme. Please make sure to revert to parent theme first to confirm if the issue exists there too. If it doesn’t, please update the templates copied to child theme with the parent theme.

If the style.css of your child theme is not enqueued after you have updated to Avada 7.2 you need to edit child theme’s functions.php file and replace the enqueue function with the following:

Copy to Clipboard

Note that the enqueue function in Avada versions prior to 7.2 looks very similar. In the above snippet lines 2 and 4 are slightly changed.

This change needs to be made, because of a performance enhancement that was added to Avada 7.2. The parent theme’s avada-stylesheet is now part of our compiled style file, which reduces the number of GET requests made to the server.

Before Avada 7.2, the child theme listed the parent theme’s stylesheet file (avada-stylesheet) as dependency. Since that file is now added to the compiled CSS file, the dependency needs to be removed from the child theme’s style.css file, in order for it to be enqueued.

6. Required & Recommended Plugins Must Be Updated

When you update the theme, you will see a notification message in your admin telling you the required and recommended plugins need to be updated. Follow the onscreen prompts to install the plugin updates. Our Avada Core plugin is the only required plugin and it has to be installed and activated for theme features to work. Make sure you are always using the most recent version of the Avada Core plugin. You will be prompted to install it upon installing or updating your theme. If you dismiss the prompt or do not see it, then you can go to Appearance > Install Plugins page and install the plugin that way. Every time you update the theme, the plugin also needs updated.

View Detailed Instructions on How To Update The Avada Website Builder
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada
Avada Website Builder

833,545 Businesses Trust Avada

Get Avada