Important Update Info

08/08/2019

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 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 6.0.3 (Released on August 28th, 2019)

Avada 6.0 Important Update Information

IMPORTANT NOTE: It is always best practice and recommended to complete a full database backup before you update any software. Below are specific items that are important to be aware of when updating to Avada 6.0. Please read them in detail.

1. Avada and Fusion Builder Live – The New Site Creation Suite

Avada 6.0 focused on one major goal and that is to bring the intuitive and easy workflow you are used to to the front-end. You will be able to have a live preview of your pages allowing you to see how any element, page-specific or global setting changes will impact the design. The team has worked incredibly hard to ensure that Avada delivering the most intuitive UI ever while speeding up your building experience. You’ll see the live results while your creativity flows and will be able to create pages faster than ever.

We have created an introduction page, a promotion video and of course docs to tell you all about this new product:

2. Child Theme Users – Template Overrides – Display Issues Post Update

In order to make the new editing experience in Avada 6.0 possible, it was technically needed to change some of the template files and core functions. If you are using a child theme and override pluggable functions or if you use template overrides, please make sure to update your child theme to the latest versions of the functions and templates and then copy your customizations back to them.

For more information on child themes and the theme update process, please see here:

3. Avada Now Supports CSS Variables

The new version comes with an option to turn on CSS variables, which can be found on the Performance tab in Theme Options. CSS variables are custom CSS properties, which contain specific values which can be reused throughout a web page. This means that e.g. the same color can easily be set with just one variable in different places instead of noting the actual value. An example for this notation is: color: var(--primary-color);.

Support of this modern stylesheet markup allows for faster dynamic CSS compilation and results in lighter stylesheets. It is compatible with all modern browser (Internet Explorer does not support CSS variables).

Some of Avada’s CSS files will look a bit different in appearance, because of this new feature, and when the option is turned on, also the results in dev tools of your browser will reflect the markup of the above example.

4. Avada Earned Envato’s Gutenberg Optimized Badge

In Avada 6.0 we have introduced several new steps of support of the WordPress block editor, making work with it even easier. Here are the main items:

  • Avada now supports front-end and back-end styling for Gutenberg native blocks.

  • Gutenberg font size support was added and matches Theme Option values.

  • Block editor width will now fully reflect the site width set in Theme Options.

  • Added support for the Gutenberg alignfull and alignwide classes in back-end and front-end.

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

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