Avada Global Options

Avada Global Options

Avada comes with a unique Advanced Options System, and at the heart of that is the Avada Global Options. This options panel allows you to configure virtually every section of your website. The options are organized into logical tabbed sections, and each option has a description of what it will do.
We encourage you to take some time and navigate through each section to familiarize yourself with the options. There are literally hundreds of options here, which give you an incredible amount of choice for customizing your site. Read on for videos, screenshots, and descriptions of each of the Option tabs.
How To Access the Avada Global OptionsFrom The WordPress DashboardGo to Avada > Options from your WordPress Dashboard, or Options > Global Options, from the Avada Dashboard, to access the Avada Global Options panel.
From Avada LiveIf you are working in the Avada Live then there is no need to return to the back-end to access the Avada Options. Simply click the Toggle Sidebar Icon in the Avada Live Toolbar, and the entire Avada Options panel is accessible to you while you build. The Avada Page Options are also available on this sidebar, in their own tab. To save any options you change, just click the large Save Icon in the top right of the Toolbar.
For more info on the front end builder, please see the Avada documentation, starting with Introducing Avada Live, and the Avada Builder documents and videos.
Video OverviewSee the videos below for an introduction to the Avada Global Options in both the back end and front end interface.
Avada Options OverviewIMPORTANT NOTES: Avada Global Options use the Avada Option Network Dependencies, and when this is enabled, it will only show the available options based on your current configurations. All screenshots here are showing ALL options available, so depending on your selections, they may be different. Also, 3rd Party Plugin Options labeled in GREEN are only available when you have the corresponding plugin activated. This eliminates irrelevant options to your current setup if not in use.
Layout Options

Responsive

Colors

Header

Menu

Logo

Page Title Bar

Breadcrumbs

Sliding Bar

Footer

Sidebars

Background

Typography

Blog

Portfolio

Social Media

Slideshows

Elastic Slider

Lightbox

Forms

Contact Template

Search Page

Privacy

Extras

Advanced

Performance

bbPress

WooCommerce
Events Calendar
Custom CSS

Avada Builder Elements

Import / Export
Layout OptionsManage the site layout, site width, padding, and sidebar layouts. View here
Responsive OptionsEnable responsive design on your site, set responsive breakpoints, enable mobile device zoom and responsive heading typography, set typography sensitivity, and set minimum size factor. View here
Color OptionsChoose a predefined theme skin, a predefined color scheme, or set a custom primary color. View here
Header OptionsThese are now legacy settings. Please see the documentation on Avada Layouts to see how to create your own custom header.
Manage the header and sticky header. Choose the position, size, layout, appearance, padding, styling, slider position, and header content.

Header Content – Header position, header layout, slider position, and header content options. View here
Header Background Image – Header background image, 100% and parallax background image, and background repeat options. View here
Header Styling – Header padding, shadow, width, background color, border color, tagline font size and font color options. View here

Sticky Header – Visibility options for desktop, tables, and mobiles, and other styling options. View here
Menu OptionsMenu Options – Manage various aspects of your main menu, flyout menu, secondary top menu, mobile menu, mega menu, and main menu icons.

Main Menu – Main menu height, styling, padding, layout, dropdown styling, search icon, and typography options. View here

Flyout Menu – Styling, font size, and menu direction options. View here

Secondary Top Menu – Styling, layout, and typography options. View here

Mobile Menu – Menu design, styling, and typography options. View here

Mega Menu – Layout options. View here

Main Menu Icons – Main menu icon position, and styling options. View here
Logo OptionsManage a regular, sticky header, mobile logo, retina, logo custom link URL, and a favicon.

Logo – Alignment, margins, custom link URL, default, sticky header, mobile, and retina logo options. View here

Favicon – Regular, Apple iPhone and iPad, and retina favicon options. View here
Page Title Bar OptionsManage the layout, visibility, styling, font size, alignment, a background image, and animation. These options are applied globally to pages and posts, but can be overridden by individual page or post Avada options.

Page Title Bar – Visibility, styling, background image, parallax, and animation options. View here
BreadcrumbsManage breadcrumb prefix, separator. color. categories etc. View here
Sliding Bar OptionsManage visibility, columns, font size, color, and other styling options. View here
Footer OptionsManage widgets, columns, content alignment, special effects, copyright text, background image, and styling. These options are applied globally to pages and posts, but can be overridden by individual page or post Avada options.

Footer Content – Footer Content – Widget visibility, number of footer columns, content alignment, special effects, copyright bar, and copyright text. View here

Footer Background Image – Background image for footer widget area, 100% background image, background repeat, and background position. View here

Footer Styling – 100% width, padding, typography, border, copyright, background color, footer widgets area styling, and other footer styling options. View here
Sidebar OptionsSidebar Options – Manage the mobile position of the sidebar on mobile devices and sidebar styling, sidebars for pages, portfolio, blog, search page, WooCommerce, Events Calendar, and bbPress. Here you can activate the sidebars globally which will override the Avada options.

Sidebar Styling – Sidebar Responsive Order, Sticky sidebar, padding, background color, widget heading background color and font size, and widget headings color. View here

Pages – Activate global sidebar for pages, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here

Portfolio Posts – Activate global sidebar for portfolio posts, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here

Portfolio Archive – Choose a sidebar or no sidebar for sidebars 1 and 2. View here

Blog Posts – Activate global sidebar for blog posts, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here

Blog Archive – Choose a sidebar or no sidebar for sidebars 1 and 2. View here

Search Page – Choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here

WooCommerce Products – Activate global sidebar for WooCommerce products, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here

WooCommerce Archive – Choose a sidebar or no sidebar for sidebars 1 and 2. View here
Events Calendar – Activate global sidebar for Events Calendar posts, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here
bbPress/BuddyPress – Activate global sidebar for bbPress/BuddyPress, choose a sidebar or no sidebar for sidebars 1 and 2, and the sidebar position. View here
Background OptionsBackground Options – Manage background image for page and main content, background color, background pattern, and other styling options.

Page Background – Background image for page, 100% background image, background repeat, background color, and background pattern. View here

Main Content Background – Background color, background image, 100% background image, and background repeat. View here
Typography OptionsManage font family, weight, style, size, line height, letter spacing, font color, link color, and header margins for body, headers, and post titles. Choose either standard fonts, Google fonts or add your own custom fonts.

Body Typography – Font family, weight, style, subsets, size, line height, letter spacing, font color, and link color. View here

Headers Typography – Font family, weight, style, subsets, size, line height, letter spacing, header margins, and font color options for headers H1-H6, post titles, and post title extras. View here

Custom Fonts – Upload as many custom fonts as you wish. Required font files -> .woff, .woff2, .ttf, .svg, .eot. View here
Blog OptionsManage the layout, pagination type, excerpts, featured image, date, single post, and the blog meta.

General Blog – Title bar, layout for WordPress default or archive, pagination type, excerpt, blog archive featured image/video visibility, and the date layout options. View here
* The general blog options only control the assigned blog page in settings > reading, or the blog archives, not the blog element.

Blog Single Post – 100% width page, single blog post featured image/video visibility, pagination, post title, meta data position, author, social sharing, related posts, and comments. View here

Blog Meta – Post meta visibility, meta data font size, date format, and various meta options. View here
* The on/off meta options in this section only control the assigned blog page in settings > reading, or the blog archives, not the blog element.
Portfolio OptionsManage the layout, pagination type, column spacing, excerpts, text layout, slug, featured images size, and various portfolio single post options.
General Portfolio – Items per archive page, archive page layout, featured image size, excerpt, pagination type, text layout, slug, and other general portfolio options. View here
* The options in this section only control the portfolio archives, not the portfolio element.
Portfolio Single Post – Pagination, single post featured image/video visibility, first featured image, featured image column size, 100% width page, project description title and details, comments, author, social sharing, and related posts. View here
Social Media OptionsManage your social media options for the header, footer, social sharing box, and upload as many custom social media links as you wish.

Social Media Icons – Default and custom social media links. View here
* The default and custom social link added here will only display in the header and footer, they will not display in the Avada social widget, social link element, or person element.

Header Social Icons – Social icon font size, tooltip position, color type, color, and boxed options. View here

Footer Social Icons – Icon visibility, social icon font size, tooltip position, color type, color, and boxed options. View here

Social Sharing – Sharing box tagline, text color, background color, sharing box icon size, tooltip position, color type, boxed, boxed radius, boxed padding, and sharing box links. View here
Slideshow OptionsManage the number of post slideshow images, autoplay, smooth height, speed, pagination, and navigation options. View here
Elastic Slider OptionsManage the slider dimensions, animation, autoplay, interval, speed, width, and typography styling options. View here
Lightbox OptionsManage the lightbox visibility, general lightbox behavior, skin, navigation visibility, gallery start/stop button, and other lightbox options. View here
Forms OptionsManage the Forms Styling, Google reCAPTCHA and HubSpot options.
Form Styling – Height, border and color options for Avada Forms. View here
Google reCAPTCHA – Configuration options for your Google reCAPTCHA account. View here
HubSpot – Connect your Avada Forms to your HubSpot account. View hereMailchimp – Connect your Avada Forms to your Mailchimp account. View hereContact Template OptionsManage the email address, comment area position, data privacy confirmation box, ReCaptcha, Google map options, and Google map styling.

Contact Template – Email address, comment area position, data privacy confirmation box, and data privacy checkbox label settings. View here
* The options on this tab are only for the contact form that displays on the 『Contact』 page template.

Google Map – Google Maps API Key, map address, type, dimensions, top margin, zoom level, pin visibility, pin animation, popup, scrollwheel, scale, and zoom and pan control icons. View here
* 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 except for the Google Maps API Key option.

Google Map Styling – Map styling type, overlay color, info box styling, info box content, background color, text color, and custom marker icon. View here
* 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.
Search OptionsManage the Search form, live search, and the Search page configuration options.

Search Form – Search Results Content, Search Form Design & Live Search Options. View here

Search Page – Search Results Layout, Number of Search Results Per Page, Pagination Type, Search Content Display, Excerpt Length etc. View here
Privacy OptionsManage the Google fonts mode, privacy consent, and privacy bar. View here
Extras OptionsManage miscellaneous options for your site including options for related posts/projects, featured image rollovers, pagination, forms styling and grid/masonry styling.
Miscellaneous – Side navigation behavior, image placeholders, excerpt type, excerpt link method, comments visibility on pages, feature image visibility on pages, add 「nofollow」 to social links, and open social icons in a new window. View here
Related Posts / Projects – Layout, number of related posts/projects, maximum columns, column spacing, image size, autoplay, speed, navigation, mouse scroll, and scroll items. View here

Featured Image Rollover – Image rollover visibility, direction, icon font size, link behavior, and rollover styling options. View here

Pagination – Padding, previous/next text visibility, and font size. View here
* The options on this tab apply to all pagination throughout the site, including the 3rd party plugins that Avada has design integration with.

Grid / Masonry – Grid box and element color, grid separator style and color, and masonry ratio level and 2×2 width. View here
* The options on this tab apply to grid boxes throughout the site; blog grid and timeline, portfolio boxed layout and WooCommerce boxes and under masonry section, the options apply to the Blog / Portfolio / Gallery elements in addition to Blog and Portfolio archives.
Advanced OptionsManage tracking code, Javascript and HTML added before or before , plus various theme features.

Features – Avada』s option network dependencies, WordPress jpeg quality, smooth scrolling, code block encoding, enable/disable Avada』s mega menu, various scripts, sliders, rich snippets, and much more. View here

Code Fields – Tracking code (ie. Google Analytics), Javascript code wrapped in Script tags, and HTML markup. View here
Post Types – Enable or disable various post types in Avada – Avada Slider, Avada Forms, Avada Portfolio, and Avada FAQ. View herePerformanceGeneral performance options, Dynamic CSS & JS, and the new Progressive Web App options. View here
bbPress OptionsManage the forum base font size, header background color, header font color, and border color. View here
WooCommerce OptionsManage general WooCommerce configuration options and styling.

General WooCommerce – Products per page, columns, one page checkout, order notes, my account menu link, cart icon, social icons, product grid/list view, and account area messages. View here

WooCommerce Styling – Product box design, 100% width page, equal heights, tab design, various color options, and icon font size. View here
Events Calendar OptionsManage general calendar styling and single calendar post options.

General Events Calendar – General styling options, feature image hover type, and image background size for list view. View here

Events Single Posts – Social sharing box visibility, single and dual sidebar layout, sidebar background color, padding, widget sidebar styling, font sizes, and color options. View here
Custom CSS OptionsAdd your own custom CSS which will override the theme CSS. In some cases the !important tag may be needed. View here
Avada Builder Elements OptionsThese options affect the Avada Builder Elements globally, which can be overridden by each element』s individual settings. View here
Import / Export OptionsBackup, restore, or transfer Avada Global Options data when you migrate your installation. View here

Option Network Dependencies

Option Network Dependencies

Dependent options are options that are shown or hidden according to your current setup. For example, if your site currently has the 『Responsive Design』 setting turned off, then all options related to the Responsive Design setting, such as Responsive Breakpoints, will be hidden from the Theme Options Panel.
This is because these options are now unnecessary to your current setup and will not affect it in any way. This will minimize confusion and errors resulting from incorrect option settings. Continue reading below to learn about dependent options in the Avada Theme Options, Avada Page Options and the Avada Builder Element Options.
Avada』s Option Network DependenciesDependent Options in Avada Theme OptionsDependent Options in Avada Page OptionsDependent Options in Avada Builder Element OptionsAvada』s Option Network DependenciesWhile Avada』s Option Network Dependencies are useful, you may want to see all the option the Avada theme has to offer so you can quickly visualize what』s possible with the theme. If you』d like to turn the dependency feature off, you can do so by following the steps below.
Step 1 – Navigate to Avada > Theme Options > Advanced > Theme Features tab.
Step 2 – On this tab, you』ll find the 『Avada』s Option Network Dependencies』 option. Toggle this option to Off to disable dependent options in all three locations; Avada Theme Options, Avada Page Options, and Avada Builder Options.
Step 3 – Once finished, click 『Save Changes』 and refresh the page.
Dependent Options in Avada Theme OptionsBelow is an example of dependent options in action in the Avada Theme Options panel. When you turn Responsive Heading Typography On, you』ll be able to view all it』s dependent options. When you turn it Off, they will become hidden because they』re no longer necessary.
Responsive Heading Typography DisabledResponsive Heading Typography EnabledDependent Options in Avada Page OptionsBelow is an example of dependent options in action in the Avada Page Options panel. When you select a slider from the 『Slider Type』 option in the Sliders tab, you』ll be able to view all that particular slider』s dependent options.
No Slider Type SelectedAvada Slider Type SelectedDependent Options in Avada Builder Element OptionsBelow is an example of dependent options in action in Avada Builder Elements. When you select an animation type from the 『Animation Type』 option under the Animations tab, you』ll be able to view all the animation』s dependent options.
No Animation Type SelectedBounce Animation Type Selected

Avada Page Options

Avada Page Options

Avada Page Options are another way Avada offers powerful flexibility. Through the Page Options, you are able to make individualized changes on a per page/post basis. Avada Page Options will override any corresponding global options set in the Avada Global Options.
Each page or post you create will have a Page Options section with options organized under tabs for each area of the page. You』ll find these options at the bottom of the page/post editor while in the Avada Builder, or in the Page Options tab of the Sidebar in Avada Live.
The Page Options largely follow the flow of various page sections, from top to bottom. Below are screenshots and short descriptions of each different section included in the Avada Page Options. To learn more about Avada』s Option Network System, please follow the link below.
Learn More About Avada』s Options Network SystemWatch the Avada Live Local Options Management video!Avada Page/Post OptionsWhen creating a page, these are the Avada Page Options tabs you will see. Continue reading below to learn more about each tab.

Settings – THIS TAB IS ONLY FOUND IN THE PAGE OPTIONS IN AVADA LIVE. These options allow you to set the Page Settings, such as the Title, SLUG, Parent, Page Template and Featured Images. View the Settings options here. In the back end interface of the Avada Builder, you will find these options on the right-hand side of the page.

Layout Tab – These options allow you to set broad layout options that apply to the whole layout, such as Wide/Boxed, and background color or image. View Layout tab options here.
Header Tab – These options allow you to show/hide the header, customize it, or upload a background image. View the Header options here.Sliders Tab – These options allow you to set a slider on the page and customize it. View the Sliders options here.Page Title Bar Tab – These options allow you to show/hide and customize the page title bar on the page. View the Page Title Bar options here.Content Tab – These options allow you to set padding, background color or background image for the content area. View the Content options here.Sidebars Tab – These options allow you to set sidebars on the page. View Sidebar options here.
IMPORTANT NOTE: The Global Sidebars option located in 『Avada Theme Options > Sidebars』 must be disabled for these options to take effect.Footer Tab – These options allow you to show/hide the footer and its other footer elements. View the Footer options here.
Custom CSS – THIS TAB IS ONLY FOUND IN THE PAGE OPTIONS IN AVADA LIVE. This tab allows you to add Custom CSS for the individual page/ post when editing in the Front-End Builder. In the back end interface of the Avada Builder, this tab is found along the top Toolbar.

Import / Export Tab – These options allow you to save and manage custom sets of Page Options, as well as exporting and importing Page Options. View the Import / Export options here.
IMPORTANT NOTE: Avada Page Options will override any corresponding global options set in Avada Global Options.Blog, Portfolio and FAQ Single Post OptionsBlog, Portfolio and FAQ are custom post types. When you create a new post for each of these 3 items, you will see a new Page Options tab available, dedicated to that particular post type. Continue reading below to learn more about each tab.
Post Tab – Displayed only on Blog posts. These options will affect the blog post they』re set on. View the Blog options here.
Post Settings Tab – NB. THIS TAB IS ONLY FOUND IN THE PAGE OPTIONS IN POSTS IN AVADA LIVE. These options allow you to set the Post Settings, such as the Title, SLUG, Parent, Post Format, Categories, Tags and Featured Images. View the Settings options here. These are found on the right-hand side of the post in the back end interface of the Avada Builder.
Portfolio Tab – Displayed only on Portfolio posts. These options will affect the portfolio post they』re set on. View the Portfolio options here.
Portfolio Settings Tab – NB. THIS TAB IS ONLY FOUND IN THE PAGE OPTIONS IN POSTS IN AVADA LIVE. These options allow you to set the Portfolio item Settings, such as the Title, SLUG, Post Format, Portfolio Categories, Skills & Tags, and Featured Images. View the Settings options here. These are found on the right-hand side of the portfolio item in the back end interface of the Avada Builder.
FAQ Tab – Displayed only on FAQ items. These options will affect the FAQ items they』re set on. View the FAQ options here.
FAQ Settings Tab – NB. THIS TAB IS ONLY FOUND IN THE PAGE OPTIONS IN FAQ ITEMS IN AVADA LIVE. These options allow you to set the FAQ Settings, such as the Title, SLUG, Post Format and Featured Images. View the Settings options here. These are found on the right-hand side of the post in the back end interface of the Avada Builder.

Avada Privacy Bar

Avada Privacy Bar

A new feature for Avada 5.6 is a configurable privacy bar, adding to the Avada privacy tools to help you facilitate GDPR compliance.
This new feature is highly configurable, giving you everything that you need to keep your website visitors informed of any cookies, third part embeds and/or custom implementations that may affect their data privacy.
It will handle 3rd party embeds, tracking codes, and any custom cookie contents that you may require. The settings are found in Avada > Theme Options > Privacy tab. Enabling Privacy Bar option will give access to additional options that will help in customizing the privacy bar. Continue reading below to know more about the full options available in the Privacy tab.
OverviewPrivacy Bar Basic ExamplePrivacy Bar Configured ExampleConfiguring The Privacy BarPrivacy Bar Theme OptionsPrivacy Bar Basic ExampleBelow is what your website visitors will see by default when you enable the privacy bar. Basic wording added with the default location placement at the foot of the website.
Privacy Bar Configured ExampleThere are a range of Theme Options that will make it possible for you to personalize and style up your privacy bar, giving you the ability to inform your website visitors regarding data privacy and handling. There are styling options, layout options and content options. Below is an example of what a final result could look like:
Configuring The Privacy BarFor added flexibility, the privacy bar content areas will accept Avada Elements like buttons, font awesome icons, images etc. that will help you set up a professional and elegant notification for your website visitors. Adding Elements to text areas is now as easy as a right click on the Element and paste into the text area.
There are a range of styling and layout options. Leave it as a simple notification bar by setting Privacy Bar Settings to 『Off『, enabling this option will when clicked slide and out, displaying additional notification information for your visitors.
Privacy Bar Theme OptionsIMPORTANT NOTE: The options in this section will help to easier comply with data privacy regulations, like the European GDPR. When then 「Privacy Consent」 option is used, Avada will create a cookie with the name 「privacy_embeds」 on user clients browsing your site to manage and store user consent to load the different third party embeds and tracking scripts. You may want to add information about this cookie to your privacy page.