Avada Important Update Information Archive

With each new Avada update comes a set of new options, features and code improvements. Our team always ensures we make everyone aware of any important items that will show in the new update. This post is an archive of important update information from past Avada updates. Please make sure you are viewing the correct version number you are updating the Avada theme to.
If you are updating to Avada 3.8.2 from 3.8 or 3.8.1 and use a retina logo you will need to set the logo width and height dimensions. Due to a unforeseen conflict we had to add them back after removing them. Go to theme options > logo and enter the width and height of your regular 1X logo.

Avada v3.8 Important Information

1. Continued Refactoring / CSS Class Name Changes

Part of our code refactoring involved our CSS. We have renamed CSS selectors and updated HTML structure for headers, footers, blog, portfolio and few other areas to follow consistent naming conventions. This was a necessity that allows us to optimise and organize our code and reduces conflicts with other plugins.

For the areas mentioned above, also the core template files have been adjusted to make them consistent and easier to maintain. If you changed template files, please keep that in mind.

Please take care when updating if you have used a lot of custom CSS. The areas that were refactored are listed above. If you see changes, all it takes is to inspect the page with browser dev tools and find the new class name.

2. All New Sticky Header Setup

Sticky headers in Avada have had a design and setup change. The sticky header no longer has a delayed entrance and never leaves the viewport. This produces higher performance since the menu no longer has to be duplicated and also produces a much more clean look and animation. Each header (1-5) will accurately reflect itself in the sticky header.

A faster performing site with a cleaner sticky header animation/entrance. If you are using header 4 or 5, the menu will only show by default. If you wish to show the logo in the sticky header, there is a new theme option to activate it on the sticky header tab in theme options.

3. Brand New ilightbox!

We’ve made the switch to a more modern, feature rich lightbox called iLightbox. This is a $20 value that you receive for free. iLightbox is faster, more powerful and lightweight.

Only good things! There are now 6 design skins you can choose from as well as navigation thumbnail locations and more. All of these new options are on the lightbox tab in theme options.

4. New Design & Features For All Carousels

Carousels have received a facelift. A design change has moved the images out to the edge and placed the navigation arrows on top of the images. This allows for more room, larger images and a cleaner look. In addition we have added several new options to customize the look of the carousels. Column spacing, column size, mouse click to drag scroll, navigation visibility and more! Because of these changes, we combined the client carousel and the image carousel into one builder element. There is no longer a need for both.

More beautiful carousel designs that are customizable in many ways. The image carousel element has all the new options built into it, and the same options can be used for for related posts/projects in theme options > extra. All previous used client carousels will be converted to image carousel when updating.

5. New Welcome Screen With Auto Updates, Product Registration, Demos, Plugins, System Status

We have drastically streamlined the user experience by adding a welcome screen that allows you to quickly register your product to receive auto updates, access our support links, install beautiful demos with one click, manage our plugins and check on your system status. All of these new sections make your life easier.

Auto updates and install demos are no longer located in the theme options panel. They have their own dedicated section in our Welcome Screen along with the ability to mange our plugins and check system status for any issues that may arise.

6. Lightbox Shortcode Combined With Image Frame Shortcode

There is no longer a need for a separate lightbox shortcode element. Any unique feature to the lightbox shortcode has been combined with our image frame shortcode for more flexibility.

All features and functionality are the same and any lightbox element you have on a page will be converted to an image frame element upon updating.

7. Facebook Widget Requires App ID On June 23rd

Facebook has changed the requirements for their widget. Starting on June 23rd you will need to create an app Id (similar to Twitter widget) to utilize the Facebook widget. We have already prepared for this and you can find instructions in our documentaiton here

By June 23rd you need to create a Facebook app so you can continue to use the Facebook widget. These changes are enforced by Facebook and must be followed to use the widget. In addition, Facebook has dropped the dark/light scheme so it can no longer be used with the new widget. This is imposed by Facebook.

Avada v3.7 Important Information

1. Transparent Header Option Can Now Set Opacity Level

Before v3.7, the header could either be fully transparent or not. Now we have built in the ability to set the opacity level from 0 (transparent) to 1 (opaque). The global setting is now controlled in Theme Options > Styling > Background Colors > Header Background Color and Opacity. The individual page setting is in the Fusion Page Options box of each page and post.

What does this mean for you? If you were using a transparent header before, you will need to reset the opacity level in Fusion Theme Options if using it globally, or Fusion Page Options if using it individually.

2. Menu Highlight Border Now Works For All Headers And Has Border Size Setting

By default, a 3px border shows above the active menu item for headers 1-3. Now we have applied this to work on all headers 1-5 and have given a value to set the size of it in pixels in Theme Options > Menu called Main Menu Highlight Bar Size.

What does this mean for you? If you are using header 4 or 5, you will now see the menu highlight border. If you wish to not use it, simply insert 0 in the Main Menu Highlight Bar Size field.

3. Geocode API Removed For Google Maps

Previously, in some cases due to server configurations, you may have needed to use a Google Map Geocode API Key to display the map. In Avada 3.7, we have streamlined this process and the API Key is no longer needed.

What does this mean for you? Only good things! If you used an API Key in the past, you no longer need to and the map will display.

4. Global Sidebar Settings vs Fusion Page Option Settings

We introduced global Sidebar Settings in the last update. Please be aware of how they work in relation to individual page settings. This post explains it all.

5. Portfolio GRID Layout Will Be Removed

With the new portfolio featured image size setup introduced in v3.6, the Portfolio Grid page template is no longer needed. We will be removing it in v3.8, please change your page template. Please see this post for how to get the grid affect with any other portfolio page template.

General Update Information

1. It Is Always Recommended To 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 Browser Cache, Server Cache And Plugin Cache

It is always recommended to reset your browser, plugin, and server cache when you update. 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.

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

Click Here To Find Out How To Update Your Theme
1 Like
Proudly Serving Over 125000 Satisfied Users!