Avada 文档

Image Rollovers

Image Rollovers are stylish overlays for your blog and portfolio images. They come with numerous customization options that allow you to control styling, visibility, actions and more. The Image Rollover options are located in Avada > Theme Options > Extra > Featured Image Rollover tab. You can also set some options individually under the Fusion Page Options in each blog or portfolio post. Continue reading below for more information on this element and its options.
IMPORTANT NOTE: These Image Rollovers are different from the Image Hover Effect for regular images.Linked Areas Of The Image Rollover
Link Icon – The link icon will link to the single post page by default. However, you can add a custom URL for this icon in the Single Post』s Fusion Options.

Zoom Icon – Clicking this will open the image in the Avada lightbox by default. However, you can add a YouTube/Vimeo video URL in the Single Post』s Fusion Options. That will open the video in the lightbox instead of the featured image.

Post Title – The post title will link directly to the Single Post Page.
Post Categories – These will link to their respective category archive pages. Example of a Portfolio category archive.
Featured Image Rollover – The whole overlay which is generally colored is also a link to the Single Post Page. This refers to the green area which covers the image.
Image Rollover Fusion Theme OptionsLocated in the Avada > Theme Options > Extra > Featured Image Rollover tab. See our How Options Work article to learn more.
Image Rollover – Illustrated as A. Allows you to enable or disable Image Rollovers. Choose On or Off.
Image Rollover Direction – Illustrated as B. Allows you to set the rollover animation』s starting direction when activated. Choose between Fade, Left, Right, Bottom, Top, Center Horizontal, or Center Vertical.
Image Rollover Icon Font Size – Illustrated as C. Accepts a pixel value that sets the icon』s font size. For example, 15px.
Image Rollover Link Icon – Illustrated as D. Allows you to show or hide the image rollover』s Link Icon. Choose On or Off.
Image Rollover Zoom Icon – Illustrated as E. Allows you to show or hide the image rollover』s Zoom Icon. Choose On or Off.
Image Rollover Title – Illustrated as F. Allows you to show or hide the title. Choose On or Off.
Image Rollover Categories – Illustrated as G. Allows you to show or hide the categories. Choose On or Off.
Image Rollover Icon Circle – Illustrated as H. Allows you to display the image rollover icons in a circular background. Choose On to display it in a circular background, or Off to display just the icons.
Image Rollover Gradient Top Color – Illustrated as I. Accepts a hexcode value that sets the top gradient color.
Image Rollover Gradient Bottom Color – Illustrated as J. Accepts a hexcode value that sets the bottom gradient color.
Image Rollover Element Color – Illustrated as K. Allows you to set the text and icon background colors.
Image Rollover Icon Color – Illustrated as L. Allows you to set the icon』s color.
Image Rollover Fusion Page OptionsIf you do not want the same global settings for each post, you can set them individually under the Fusion Page Options box in each blog or portfolio post. Navigate to the post you』d like to change, then locate the 『Image Rollover Icons』 option in the Fusion Page Options > Post tab or the Fusion Page Options > Portfolio tab. You can choose which icons to display using this option. The Default value will pull whatever option is set in Fusion Theme Options. To override this, simply choose an option other than Default.

How To Use Global Typography Sets In Avada

You will find Global Typography sets at Avada > Options > Global Typography. With these typography sets, you can establish your entire typography scheme for your website in the one tab of the Global Options. This is best done at the very start of the website building process, so that you can then connect these sets to other Global and Element options as you build. But you can of course retrofit them, so to speak, on a finished site as well.
As you can see below, there are five inital Typography sets, Headings, Subheadings, Lead, Body, and Small. You can edit their names as you wish, and you can also create more sets if you need them.
An individual typography set consits of eight options, as you can see below – the Typography Set Name, the Font Family, the Backup Font, the Variant, the Font Size, the Line Height, the Letter Spacing, and Text Transform. So the idea here is that you create Typography Sets for various typographic styles, and then you apply the set to other Global and Element options. Additionally, you can easily override every single setting of a typography set, if needed, so you have full freedom.
ScenariosLet』s look at a few examples to see how this feature can be used. Let』s say you make a Typography set called Headings and then apply the set to the Global Options all H1 – H6 Headings. At this point, all headings would be the same, but then you could differentiate the H1 – H6 Global Options each with a different font size. In that scenario, you would then only need to change the Font Family or Line Height or any of the individual options in the Global Typography Set, and this would ripple through the site to every Heading on the site, all at once. You can also apply these Typography Sets to any Elements that have fonts included, such as the Title Element, the Text Block Element etc.
You can also create different sets for different purposes. As another example, suppose you have set your 「H1 Headings」 to the 「Headings」 set and your 「H2 Headings」 to 「Subheadings」 set. On a specific page now, you already have your H1 heading tag, and further down the page you create a CTA. SEO-wise, it would likely make sense to use an h2 tag. But of course, you want the typography to stand out. So you use the Title Element, write your CTA text, set the heading tag to H2, but then you set the typography field to use the 「Headings」 set. With just one single click, it will just look like your H1.
Finally, below, lets』s look at a real world implementation of this feature. On the Handyman Demo, let』s look at the HI Headings Typography options. A Global set has been applied, but then certain parts of the set have been overridden for the H1 Heading. All options that are greyed out signify that their values are coming from a Global Typography Set, whereas the ones in white have been set in this option. This is similar to example 1. With global typography sets, you can apply a full set or just part of it. When you mouseover the Font Size, or any of the individual options, you will also see asmall globe. When that globe is blue, it also signifies that the value is coming from a typography set. We can also see below that a Global Color has been applied to the H1 Heading, but as the H1 font on the screen is white, this means it has been overridden at the Element level.
It will take a little while to truly appreciate the power of this stystem, but play around with it, and you will find it gives you a very powerful global, yet granular control over your site』s typography.

How To Use Dynamic Content Options in Avada

From Avada 6.1 and up, you have the ability to utilize dynamic content sitewide. This new Dynamic Content System takes flexibility to a new level.
Denoted by the database icon in the Avada Builder, you can now add a variety of dynamic content to your posts, pages, and other custom post types. The most important benefit of this is how this can transform your design. With this new feature, you could, for example, choose any regular post and recreate a new layout that is truly unique in structure and composition. Read on for more information about this exciting new feature!,Overview
What Is Dynamic Content

Adding Dynamic Content

Case Study #1

Case Study #2,What Is Dynamic Content?Dynamic Content is content that is stored in your website』s database which is then dynamically generated and displayed on a post or page. Possible examples of dynamic content include the website title, tagline and logo, page names, post titles, featured images, post IDs, timestamps and excerpts. Dynamic content can also come from custom content created using custom fields.
The whole point of using dynamic content is that if the content is then updated in the back-end, the content on the front-end is automatically updated to reflect those changes. You can also use a post or page with dynamic content as a template for other posts or pages, as the dynamic content is not specific to that page, but rather is pulling certain items from the database, and so on a different post or page will show different items.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,Adding Dynamic ContentYou can add dynamic content in Avada Builder anywhere you see the Database icon:
This is found in options where you can add content. Titles, text blocks, images, content areas in content boxes etc. It』s all about replacing static content with dynamic content. The whole point of dynamic content is that it can pull data directly from your database. So for example, if you give a post a dynamic title, if you update the post name at any point, the title on the page will be updated automatically.
The dynamic content options are contextual, so that on a blog post, portfolio item, or WooCommerce product, you will see options relevant for those specific custom post types, while on an image, you will only have relevant options for images. The dynamic content can also come from custom fields, which opens a world of possibility. So, if you had ACF plugin installed and had set image inputs, they would also be shown as an option for an image.,Case Study 1Let』s look quickly at the Influencer Demo, where Dynamic Content has been added to the blog posts. As we can see here at the top of a blog post there are actually three areas with dynamic content.
The top row is actually a Nested Column Element with a 1/4 – 1/2 – 1/4 layout. In the first column, where we can see the Date, there is a Text Block Element, the content of which is pulling the Post Date. The column next to that is also a Text Block Element, which is pulling from the Post Terms Dynamic Content Type, and is showing Categories. And finally, the large image is the blog post』s featured image, inserted as dynamic content. Let』s have a look at the back end to see how this has been achieved.
Post DateTo add the first area of Dynamic Content, a Text Block Element was used. See below how the Content Area of the Text Block Element has a Database Icon, denoting that Dynamic Content can be used for that option.
As we can see in the screenshot below, the Post Date Dynamic Content Type was chosen, and the Post Published date format was chosen to display. The Format option also controls how the date displays on the post.
Post CategoriesFor the second area of dynamic content, another text block was added, and the Post Terms Type of Dynamic Content was selected, with the taxonomy of Categories. The Separator field was also filled in to control how the various categories are separated on the post. Note how there in an option for the categories to link to a term page, and also fields for Before and After text. This would be static text that would display before or after the dynamically generated content.
Featured ImageFor the image on the post, the Featured Image Dynamic Content type was selected. There are no other Dynamic Content Types for the image field here, but as mentioned earlier, if ACF was installed and an image type registered, that would also show up here.
The beauty with this setup, apart from the fact the content will automatically update if the featured image was changed, or for instance, further categories were added, is that this post content could also be replicated on another post. Then, only the actual post content below the featured image would need to be edited, as the Post Title is being pulled automically with the Page Titlebar, and the date, categories and featured image would all be pulled directly from the new post.
If we look at the back end of the post, we can easily see where this dynamic content is coming from. The post date and time section, the categories and the featured image set here will all automatically show on the page if edited. Also the tags section, while not used in this post, could also be a dynamic content area.,Case Study 2Another simple example of using dynamic content is shown below, where the Featured Image Dynamic Content Type has been added as a background image to a Container. This was added in the BG tab of the Container element, and under the Image tab, the Background Image option was populated with the dynamic content.
This is a brand new feature in Avada, and it will no doubt see further development in future versions. But even as it is, this is a very powerful feature that can be implemented in many different ways. Explore and enjoy! And if you have any issues, remember to submit a support ticket and we will be glad to help you.

How To Set Font Weights and Styles

IMPORTANT NOTE: This feature is only available on Avada version 4.0 or higher.With the new Typography options in the Theme Options panel, it』s now easier than ever to set font weights and styles. All available font weight and styles for each font are automatically available for you to choose. Please continue reading below to learn how to set font weights and styles for fonts.
How To Set Font Weights and StylesStep 1 – Navigate to the Avada > Theme Options panel, then go to the font you』d like to customize. For example, the body text found in the Avada > Theme Options > Typography > Body Typography panel.
Step 2 – Once you』ve found the font you』d like to customize, simply select the font weight and style you』d like to use under the Font Weight & Style option. View screenshot here.
Step 3 – When you』re happy with the changes you』ve made, don』t forget to click the 『Save Changes』 button to save them.

How To Import / Export Avada Page Options

With Avada, as well as being able to import and export your global option sets, you can also import/export your individual Avada Page Option sets. You will see the Import/Export tab in the Page Options tab of each page that you are editing. This allows you to save/export the configured Avada Options for any page and then load/import into any new or existing page/post saving you time and improving your workflow.
IMPORTANT NOTE: The exported Avada Page Options for pages, posts or portfolio posts are interchangeable. You can for example import the Avada Page Options from a page into a Portfolio post and vise versa; Only identical option types will be imported, non-identical option types will simply be ignored during the import process.Save Page Options – Save your current Avada Page Options as a custom set to be reused on any page or post that utilizes Avada Page Options.Manage Page Options – Select a set of saved Avada Page Options, then choose to import or delete them.Export Page Options – Click the export button to export your current set of Avada Page Options as a json file.Import Page Options – Click Import to select a set of Avada Page Options (json file) to be used.IMPORTANT NOTE: Remember to save the page/post before exporting or saving Avada page options.How To Save Avada Page OptionsOnce you are done making changes in the Avada Page Options, please save the page/post first. Then, on the Import/Export tab, enter a name on the text field for Save Page Options, and click the Save Page Options button.
Important Note: Make sure to use unique name for each saved set, this will allow you to distinguish it when loading saved page options via the Manage Options dropdown.How To Manage Avada Page OptionsClick the dropdown that says 「Select A Page Option Set」 and you will find the set of saved Page Options (if you already have). Once you have chosen a saved page option, Import and Delete buttons will show up. Click Import to load the saved page option, and click Delete to remove it.
Important Note: Remember to save the page/post before exporting and after importing.How To Export Avada Page OptionsTo export the current set of Avada Page Options as a .json file, click the Export Page Options button. You can use this file on your other Avada websites (if you have) with at least version 5.3.
Important Note: Please save the page/post before exporting.How To Import Avada Page OptionsTo import a set of Avada Page Options, click Import Page Options button, and select the .json file to be imported, and the new settings will automatically be applied.
Important Note: Remember to save the page/post after importing.

Google Map Options

You can customize Google Map in Avada > Theme Options > Contact Form using various options. There are three sub-panels in the Contact Form tab: Contact Form, Google Map, and Google Map Styling. Please continue reading below to know more about each option from the Google Map and Google Map Styling tabs.
OverviewGoogle MapGoogle Map StylingIMPORTANT NOTE: The options on this tab are for the google map that displays on the 「Contact」 page template. The only option that controls the Avada Builder google map element is the Google Maps API Key.Google MapGoogle Maps API Key – Allows you to insert the Google Maps API Key that is required for the Google Maps to show up. Follow the steps in the Google docs to get the API key. This key applies to both the contact page map and Avada Builder google map element.
Google API Type – Controls the Google API type that should be used to load your map. Choose between JS API, Embed API, or Static API. The JavaScript API allows for more options and custom styling, but could be charged for by Google depending on map loads, while the Embed and Static API can be used for free regardless of map loads but do not offer the vast majority of Avada』s custom styling options. For more information please see the Google Maps Users Guide.
Address – This field will display when using the Embed API. Add the address of the location you wish to display. Leave empty, if you don』t want to display a map on the contact page.
Map Type – This field will display when using the Embed API. Allows you to set the type of Google map that displays. Choose from Roadmap, or Satellite.
Google Map Address – Allows you to set the address to the location you wish to display. This is for the JS API Type. For single address, ex: 775 New York Ave, Brooklyn, Kings, New York 11203. If the location is off, please try to use long/lat coordinates with latlng=, ex: latlng=12.381068,-1.492711. For multiple addresses, separate addresses by using the | symbol, ex: Address 1|Address 2|Address 3.
Google Map Type – Allows you to set the type of google map that displays. Choose from Roadmap, Satellite, Hybrid, or Terrain.
Google Map Dimensions – Allows you to set the width and height of the google map. Note: Height does not accept percentage value. Enter values including any valid CSS unit, ex: 100%, 415px.
Google Map Top Margin – Allows you to set the distance to menu/page title. This is only applied to google maps that are not 100% width.
Map Zoom Level – Allows you to set the zoom level of the google map. Higher number is more zoomed in.
Address Pin – Allows you to display the google map address pin.
Address Pin Animation – Allows you to enable or disable address pin animation.
Map Popup On Click – Allows you to display the popup graphic with address info for the pin on the map on click.
Map Zoom With Scrollwheel – Allows you to use the mouse scrollwheel to zoom the google map.
Map Scale – Allows you to display the google map scale.
Map Zoom & Pan Control Icons – Allows you to display the google map zoom control icon and pan control icon.
IMPORTANT NOTE: The options on this tab are only for the google map that displays on the 「Contact」 page template, they do not control the google map element. These options are only available for the JS API type.Google Map StylingSelect the Map Styling – Allows you to set the google map styles. Choose from Default Styling, Theme Styling, or Custom Styling. Default is google style, Theme is our style, or choose Custom to select your own style options.
Map Overlay Color – Allows you to set any overlaying color for the map besides pure black or white. Works best with 「roadmap」 type. Note: This option is only available for Custom Styling setting.
Info Box Styling – Allows you to set the styling of the info box. Choose from Default Infobox or Custom Infobox. Note: This option is only available for Custom Styling setting.
Info Box Content – Allows you to insert custom info box content to replace the default address string. For multiple addresses, separate info box contents by using the | symbol, ex: InfoBox 1|InfoBox 2|InfoBox 3. Note: This option is only available for Custom Styling setting.
Info Box Background Color – Allows you to set the info box background color. Note: This option is only available for Custom Infobox setting.
Info Box Text Color – Allows you to set the info box text color. Note: This option is only available for Custom Infobox setting.
Custom Marker Icon – Allows you to insert full image urls for custom marker icons or input 「theme」 for our custom marker. For multiple addresses, separate icons by using the | symbol or use one for all, ex: Icon 1|Icon 2|Icon 3. Note: This option is only available for Custom Infobox setting.
You Might Be Interested In
How To Set Up Google Maps
Google Maps Not Working?

Global Options Not Saving

If you are experiencing an issue where the Global Options are not saving properly, the following list may help.
Ensure that your theme, WordPress and all plugins are up to date. The current Avada version is 7.6 (Released on December 15th, 2021), the current Avada Builder version is at 3.6, and Avada Core is version is at 5.6
Try a simple page refresh and try again.

Navigate to Avada > System Status, and ensure there are no system environment values listed as insufficient (indicated in red). Otherwise, they need to be adjusted. Especially too low memory limits could be causing issues. For detailed instructions explaining what the PHP configuration limits are and how to adjust them, read our System Status Limits doc.

Check for any possible 3rd party plugin conflicts. Deactivate all your 3rd party plugins and trying to save Global Options again. If that works, activate the plugins again one by one to see which is causing the issue.
Sometimes Global Options are not saved due to a 500 error occurring during the AJAX save call, which can be seen in the browser console. This happens due to low memory, a plugin conflict or due to server setup issues. One of the most common server issues is security rules that prevent AJAX saving. This can be tested by disabling AJAX saving by adding the following constant to your wp-config.php:
Copy to Clipboarddefine( 'FUSION_AJAX_SAVE', false ) 1define( 'FUSION_AJAX_SAVE', false )

When you save the Global Options, and the browser scrolls up to the top of the panel, look for a notice marked in red, reading: 「Invalid security credential. Please reload the page and try again」. In that case, you have have to login newly to your WordPress dashboard and Global Options will save again correctly.

Empty your browser cache and disable any browser add-ons you might have.

Contact your hosting provider and ask them to check any security settings that may be causing the issue. This issue is sometimes caused by a ModSecurity rule being triggered on the server. If you have an error like the one shown below in the console, contact your host and ask them to whitelist the rules that triggered by ModSecurity.
Useful Links & ResourcesQuick Start GuideAvada Required And Bundled PluginsRequirements For AvadaAvada Theme SupportUpdating from an old version of Avada?Important Update InformationHow to Update The ThemeUsing the Patcher Tool to Apply All Theme Fixes

Global Footer Options

Footers in Avada can be constructed in two ways – the recommended method of using Avada Layouts to create a completely custom footer with no limitations, or the traditional method, configuring the footer via the Global Options and adding widgets to populate it. For more details, please see How To Create A Footer In Avada. If you do wish to build a footer using the traditional method, it will be useful for you to familiarize yourself with the Global Footer options, as shown in this document.
There are various options available for customizing the Footer in the Avada Global Options, accessed from the WordPress Dashboard at Avada > Options > Footer. To access these theme options from Avada Live, you can simply mouse over the footer, and choose Edit Footer. This will open the Sidebar to the Footer Options section of the Avada Options.
There are three sub-panels in the Footer tab: Footer Content, Footer Background Image, and Footer Styling, as well as a Footer Social Icon Styling sub-panel under Social Media. Please continue reading below to know more about the options in each section.
IMPORTANT NOTE:  Check out the How To Build a Custom Footer video, using Avada Layouts.OverviewFooter ContentFooter Background ImageFooter Styling
Footer Social Icons Styling
Footer ContentFooter Widgets – Allows you to show or hide the footer widgets. Setting this to 『Off』 removes the entire footer section from the page,
Number of Footer Columns – Controls the number of columns to be displayed in the footer. Choose from 1 to 6.
Center Footer Widgets Content – Allows you to center the footer widget content.
Footer Special Effects – Allows you to select a special effect for the footer area. Choose between None, Footer Parallax Effect, Parallax Background Image, Sticky Footer, or Sticky Footer and Parallax Background Image.
None – Allows you to disable footer effects.
Footer Parallax Effect – Allows you to enable a fixed footer with parallax scrolling effect.
Parallax Background Image – Allows you to enable a parallax effect on the background image selected in 「Background Image For Footer Widget Area」 field.
Sticky Footer – Allows you to enable a sticky footer. The entire footer area will always be 「below the fold」. On very short pages, it makes sure that the footer sticks at the bottom, just above the fold. IMPORTANT: This will not work properly when using a Left or Right Side Header layout and the side header is larger than the viewport.
Sticky Footer and Parallax Background Image – Allows you to enable a sticky footer with a parallax effect on the background image. The entire footer area will always be 「below the fold」.
Copyright Bar – Allows you to show or hide the copyright bar.
Center Copyright Content – Allows you to center the copyright bar content.
Copyright Text – Allows you to enter the text that will be displayed in the copyright bar. Avada Builder Shortcodes and HTML markup can be used.
Footer Background ImageBackground Image For Footer Widget Area – Allows you to set an image for the footer widget background. If left empty, the footer background color will be used.
100% Background Image – Allows you to have the footer background image displays at 100% in width and height according to the windows size.
Background Repeat – Controls how the background image repeats. Choose between Repeat All, Repeat Horizontally, Repeat Vertically, or No Repeat.
Background Position – Controls how the background image is positioned.
Footer Styling100% Footer Width – Allows you to have footer area display at 100% width according to the window size. If this is set to Off, it will follow the site width.
Footer Padding – Controls the top/right/bottom/left padding for the footer.
Footer Background Color – Controls the background color of the footer. The Background Color will not show/apply when a Footer Background Image is specified in the Footer Background Image section.
Footer Border Size – Controls the size of the top footer border.
Footer Border Color – Controls the border colors of the footer.
Footer Widgets Area Vertical Divider Line – Allows you to have the footer widget area display vertical divider line between columns.
Footer Widgets Area Vertical Divider Line Size – Controls the size of the vertical divider line between footer widget area columns.
Footer Widgets Area Vertical Divider Line Style – Controls the style of the vertical divider line between footer widget area columns.
Footer Widget Divider Color – Controls the divider color in the footer widgets and also the vertical divider lines between widget areas.
Footer Widgets Area Padding – Controls the right/left padding for the footer widget areas.
Copyright Padding – Controls the top/bottom padding for the copyright area.
Copyright Background Color – Controls the background color of the footer copyright area.
Copyright Border Size – Controls the size of the top copyright border.
Copyright Border Color – Controls the border colors for the footer copyright area.
Footer Headings Typography – Controls the primary and backup font family, font weight and style, font subsets, font size, line height, letter spacing, and font color of the footer headings.
Footer Font Color – Controls the text color of the footer font.
Footer Link Color – Controls the text color of the footer link font.
Footer Link Hover Color – Controls the text hover color of the footer link font.
Copyright Text Color – Controls the text color of the footer copyright area.
Copyright Link Color – Controls the link color of the footer copyright area.
Copyright Link Hover Color – Controls the link hover color of the footer copyright area.
Copyright Font Size – Controls the font size for the copyright text.
Footer Social Icons StylingDisplay Social Icons In The Footer – Turn on to display social icons in the footer copyright bar.
Footer Social Icon Font Size – Controls the font size of the footer social icons. Enter value including CSS unit (px, em, rem), ex: 16px.
Footer Social Icon Tooltip Position – Controls the tooltip position of the footer social icons.
Footer Social Icon Color Type – Custom colors allow you to choose a color for icons and boxes. Brand colors will use the exact brand color of each network for the icons or boxes.
Footer Social Icon Color – Controls the color of the footer social icons. This color will be used for all social icons in the footer.
Footer Social Icons Boxed – Controls if each icon is displayed in a small box.
Footer Social Icons Box Color – Controls the color of the social icon box.
Footer Social Icon Boxed Radius – Controls the box radius. Enter value including any valid CSS unit, ex: 4px.
Footer Social Icon Boxed Padding – Controls the interior padding of the box. Enter value including any valid CSS unit, ex: 8px.

Fusion Taxonomy Options For Archives

Archives can be customized with the addition of new Avada Taxonomy Options. Sliders can now be assigned to archive pages as well as header background color, header transparency, page content padding and page title bar options. Please continue reading below for more info.
Avada Taxonomy OptionsOn your archives pages such as Post Categories, Portfolio Categories, etc. (please see list below for the the other taxonomies these options are available for), you can find Avada Taxonomy Options section. See this Avada Freelance Demo example using the Avada Taxonomy Options which was set up via Portfolio > Portfolio Categories > Avada Taxonomy Options.
Slider Type – Illustrated as A. Controls the type of slider to be displayed. Choose between No Slider, LayerSlider, Avada Slider, Slider Revolution, or Elastic Slider.
Select *Slider – Illustrated as B. Controls the unique name of the slider. This option will not show up if you choose No Slider for the 『Slider Type』 option. *This varies depending on the selected slider type.
Slider Position – Illustrated as C. Controls if the slider shows below or above the header. Only works for top header position. Choose between Default, Below, or Above. Default value comes from Theme Options > Header > Header Content > Slider Position.
Page Content Top Padding – Illustrated as D. Controls the top padding of the page content in pixels. Default value comes from Theme Options > Layout > Page Content Padding.
Page Content Bottom Padding – Illustrated as E. Controls the bottom padding of the page content in pixels. Default value comes from Theme Options > Layout > Page Content Padding.
Header Background Color – Illustrated as F. Controls the background color for the header using hex code or rgba value.
Page Title Bar Background – Illustrated as G. Controls an image to use for the page title bar background. This can be set globally from Theme Options > Page Title Bar > Page Title Bar > Page Title Bar Background Image.
Page Title Bar Height – Illustrated as H. Controls the height of the page title bar in pixels. Default value comes from Theme Options > Page Title Bar > Page Title Bar > Page Title Bar Height.
Page Title Bar Mobile Height – Illustrated as I. Controls the height of the page title bar on mobile in pixels. Default value comes from Theme Options > Page Title Bar > Page Title Bar > Page Title Bar Mobile Height.
List of Taxonomies these options are available for:Post CategoryPortfolio CategoryPortfolio TagsPortfolio SkillsEvent CategoryEvent TagsFAQs CategoryProduct CategoryProduct TagTopic TagHow To Hook Avada Taxonomy Options Into Your Own Custom Post TypesIn order to have our taxonomy options added to certain or all taxonomies for a CPT, the fusion_tax_meta_allowed_screens filter can be used. The filter can be hooked on through the functions.php of a child theme or within a plugin.
Usage example:
Copy to Clipboardadd_filter( 'fusion_tax_meta_allowed_screens', 'add_taxonomy_options_to_cpt_taxonomies' );

function add_taxonomy_options_to_cpt_taxonomies( $taxonomies ) {
$taxonomies[] = 'slug_of_my_cpt_taxonomy_1';
$taxonomies[] = 'slug_of_my_cpt_taxonomy_2';

return $taxonomies;
}​x 1add_filter( 'fusion_tax_meta_allowed_screens', 'add_taxonomy_options_to_cpt_taxonomies' );2​3function add_taxonomy_options_to_cpt_taxonomies( $taxonomies ) {4    $taxonomies[] = 'slug_of_my_cpt_taxonomy_1';5    $taxonomies[] = 'slug_of_my_cpt_taxonomy_2';6​7    return $taxonomies;8}

Font Awesome Pro Integration

Back in Avada 5.8, we introduced the much-requested feature of Font Awesome Pro integration. If you have opted for a Font Awesome Pro subscription, you can now get access to the full range of FA Pro icons to use on your site.
The Font Awesome Pro subscription includes a lifetime license for the icons and toolkit, plus yearly renewable access to new icons, software updates, services, and hands-on support. Read on for more details!
Enabling FontAwesome ProTo start using Font Awesome Pro, you just need to turn the feature on, and make sure your website is white-listed in your FontAwesome Account.
To start with, navigate to Avada > Theme Options > Advanced > Theme Features, and look for FontAwesome Pro. You can also just search for it in the Options search bar. Turn this to On and Save the Theme Options.
Whitelist DomainThe next step is to whitelist the domain of the website you』ve just added Font Awesome Pro to. Go to the CDN section of your Font Awesome account to do this. You can add up to 30 sites.
Choose Your SubsetsYou can also choose which Font Awesome icon subsets you want to load. You can add Light (Font Awesome Pro only), Solid, Brands and Regular. If you have FontAwesome Pro enabled, and all subsets turned on, you will have 7,020 FontAwesome icons available to you!
FontAwesome v4 CompatibilityThe final FontAwesome options allows you to enable or disable support for FontAwesome 4 icon code format. This is useful in the case where you might have some older FA4 icons handcoded in a site, for example something like:
Copy to Clipboard  1 Without FA4 compatibility, the old icons would not be displayed. If you are sure you don』t have any, you can leave this off.