Typography options abound when using Avada. You can use standard font families, such as Arial, Helvetica etc, you can select from hundreds of Google Fonts, and if that』s not enough, you can even upload custom fonts to use anywhere on your site. Read below to find out more.
How To Upload A Custom FontIn Avada 4.0 or higher, you can now upload unlimited custom fonts to your site and assign them to any area of the site that has a font-family option. To learn how to upload and use custom fonts, please continue reading below.
Step 1 – Download the custom font you』d like to use and make sure you receive all 5 web font files; .woff2, .woff, .ttf, .svg, and .eot. Each one is required.
Step 2 – Navigate to Avada > Theme Fusion > Typography > Custom Fonts.
Step 3 – In this panel, there will be a repeater field where you can upload each of the 5 web font files you』ve downloaded. For example, upload the .woff2 font file to the 『WOFF2』 field, and so on.
IMPORTANT NOTE: If you get an error when uploading your fonts, such as: 『Sorry, this file type is not permitted for security reasons』, a solution to this is to temporarily add this line to your wp-config.php file:
Copy to Clipboarddefine( 'ALLOW_UNFILTERED_UPLOADS', true ); define( 'ALLOW_UNFILTERED_UPLOADS', true );
If you are unsure how to do this, please seek help from your host.Step 4 – Once you』ve uploaded all the required font files to their respective fields, click the 『Save Changes』 button then refresh the page. After you refresh the page, you will now be able to select your new custom fonts. They will be listed under 『Custom Fonts』 on any Font Family option dropdown.
Step 5 – To add another custom font, simply click the 『Add』 button on the lower right side and repeat step 1 to step 4.
Step 6 – To delete a custom font, expand the custom font that you』d like to delete, then click the 『Delete』 button.
标签: options
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.
Page Title Bar Background Parallax Options
Page Title Bar background images can also have a parallax effect applied to them. This causes the Page Title Bar background image to be fixed, and so it doesn』t move as you scroll. An example of this can be seen on the Avada Spa Demo, on any page except the home page.
This option is found under Avada > Options > Page Title Bar > Parallax Background Image, and the option will show when an image is selected as the Page Title Bar background. Set Parallax Background Image to On to use a parallax scrolling effect on the background image. There is also an option for 100% Background Image, to have the header background image display at 100% in width and height according to the window size.
If building your Page Title Bars using Avada Layouts, the Parallax option would be applied to the Container holding the image (Container > Background > Image Tab > Background Parallax Option).
FAQ Post Options
In addition to all the standard Avada Page Options, Avada offers several exclusive options for you to use for each individual FAQ item. When creating or editing a FAQ item, scroll below the WordPress Content Editor to find the FAQ tab inside the Avada Page Options box. Inside that tab are all the individual FAQ settings, and page settings that can be set for each FAQ item. In addition, we』ve listed the rest of the tabs you will see when editing a FAQ item.
IMPORTANT NOTE: Avada Page Options will override the global options set in Avada Theme Options.FAQ Tab – Displayed only on FAQ items. These options will affect the FAQ items they』re set on. View the FAQ options here.
Continue reading below to know more about these FAQ options.Sliders Tab – These options allow you to set a slider on the page and customize it. View the Slider options here.Page Tab – These options allow you to set page』s padding and the like. View Page 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.Footer Tab – These options allow you to show/hide the footer and it』s other footer elements. View the Footer options here.Sidebars Tab – These options allow you to set sidebars on the page. View Sidebar options here.
Note: The Global Sidebars option located in 『Avada Theme Options > Sidebars』 must be disabled for these options to take effect.Background Tab – These options allow you to set the layout of the page. View the Background options here.Page Title Bar Tab – These options allow you to show/hide the page title bar on the page. View the Page Title Bar options here. Click Here To Learn More About Avada』s Options Network SystemFAQ TabShow First Featured Image – Show the 1st featured image on single post pages.
Featured Image Dimensions – Allows you to set the dimensions of the featured image in pixels or percentage, ex: 100% or 100px. Or Use 「auto」 for automatic resizing if you added either width or height.
Video Embed Code – Allows you to attach a video through inserting Youtube or Vimeo embed code.
Show Previous/Next Pagination – Allows you to show or hide the post navigation.
Show Post Meta – Allows you to show or hide the post meta.
Show Social Share Box – Allows you to show or hide the social share box.
Show Author Info Box – Allows you to show or hide the author info box.
Show Related Posts – Allows you to show or hide related posts on this post.
Show Comments – Allows you to show or hide comments area.
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.
Avada WooCommerce Options
Avada has a range of global options you can configure for use with WooCommerce. The main WooCommerce global options are located under Avada > Options > WooCommerce, and there are some secondary WooCommerce options as under the Sidebar section.
IMPORTANT NOTE
The WooCommerce Options are only visible inside of the Avada Global Options when the plugin is activated. This eliminates irrelevant options for your current setup if not in use.OverviewWooCommerce > General Woocommerce OptionsWooCommerce > Woocommerce Styling OptionsSidebars > Woocommerce ProductsSidebars > Woocommerce ArchivesAvada General WooCommerce OptionsWooCommerce Number of Products Per Page – Allows you to set the number of products per page. (1-50/page)
WooCommerce Number of Product Columns – Allows you to set the number of columns for the main shop page. (1-6 columns)
WooCommerce Related/Up-Sell/Cross-Sell Product Number of Columns – Allows you to set the number of columns for the related products, up-sell products on single posts and cross-sells on cart page. (1-6 columns)
WooCommerce Archive Number of Product Columns – Allows you to set the number of columns for the archive pages. (1-6 columns)
Column Spacing – Controls the column spacing between products on WooCommerce product archives. In pixels.
WooCommerce Product Images Layout – Set the layout for your product images. Choose from Avada or WooCommerce.
WooCommerce Product Images Zoom – Allows you to enable or disable the WooCommerce zoom feature which was added to WooCommerce V3.0 and supported in Avada 5.1+. See this post for more information.
WooCommerce Product Images Width – Controls the width of the single product page image gallery. For the image gallery zoom feature to work, the images you upload must be larger than the gallery size you select for this option. IMPORTANT NOTE: When this option is changed, you may need to adjust the Single Product Image size setting in WooCommerce Settings to make sure that one is larger and also regenerate thumbnails. See this post for more information. Enter value including any valid CSS unit, ex: 500px.
WooCommerce Product Images Thumbnail Width – Controls the natural image width of product page image gallery thumbnails. IMPORTANT NOTE: When this option is changed, you need to make sure to regenerate thumbnails. See this post for more information. In pixels.
WooCommerce Product Images Thumbnail Position – Set the position of the product page image gallery thumbnails with respect to the main gallery images. Choose from Top, Right, Bottom, or Left.
WooCommerce Product Images Thumbnail Column Width – Controls the width of the left/right column of product images thumbnails as a percentage of the full gallery width.
WooCommerce Product Images Thumbnails Columns – Controls the number of columns of the single product page image gallery thumbnails. In order to avoid blurry thumbnails, make sure the 「WooCommerce Product Images Thumbnails Width」 option above is large enough. It has to be at least 「WooCommerce Product Images Width」 option divided by this number of columns. In pixels.
WooCommerce Product Quick View – Turn on to enable product quick view for products.
WooCommerce Product Variation Swatches – Turn on to enable color, button and image variation types.
WooCommerce Shop Page Ordering Boxes – Allows you to turn the shop page ordering boxes On or Off.
WooCommerce Shop Page Crossfade Image Effect – Allows you to turn the crossfade effect on product images on the shop page On or Off.
WooCommerce One Page Checkout – Allows you to turn the one page checkout template On or Off.
WooCommerce Order Notes on Checkout – Allows you to turn the order notes on the checkout page On or Off.
Woocommerce My Account Link in Main Menu – Allows you to turn the 「My Account」 link in the main menu On or Off. Not compatible with Ubermenu.
WooCommerce Cart Icon In Main Menu – Allows you to turn the cart icon in the main menu On or Off. Not compatible with Ubermenu.
WooCommerce Menu Cart Icon Counter – Allows you to turn the WooCommerce cart counter circle On or Off.
Woocommerce My Account Link in Secondary Menu – Allows you to turn the 「My Account」 link in the secondary menu On or Off. Not compatible with Ubermenu.
WooCommerce Cart Icon In Secondary Menu – Allows you to turn the cart icon in the secondary menu On or Off. Not compatible with Ubermenu.
WooCommerce Social Icons – Allows you to turn the social icons on single product posts On or Off.
WooCommerce Product Grid / List View – Allows you to turn the grid/list toggle on the main and archive shop pages On or Off.
WooCommerce Product Default View – Allows you to set the grid/list view on the main and archive shop pages On or Off.
WooCommerce Account Area Message 1 – Allows you to insert custom text that will appear in the 1st message box on the account page.
WooCommerce Account Area Message 2 – Allows you to insert custom text that will appear in the 2nd message box on the account page.
View The Options ScreenAvada WooCommerce Styling OptionsWooCommerce Product Box Design – Allows you to Control the design of the product boxes. Choose from Classic or Clean.
WooCommerce Product Box Content Padding – Controls the top/right/bottom/left padding of the products contents. Enter values including any valid CSS unit, ex: 20px, 15px, 15px, 15px.
100% Width Page – Allows you to set the single product post to 100% Width. On or Off.
Equal Heights – Allows you to set equal heights for shop and product archive pages. On or Off.
WooCommerce Tab Design – Allows you to control the design of the single product post tabs. Choose from these options: Horizontal Tabs or Vertical Tabs.
WooCommerce Quantity Input Size – Controls the width and height of the quantity input field. Enter values including any valid CSS unit, ex: 38px, 36px.
WooCommerce Quantity Font Size – Controls the font size of the quantity input field. Enter value including any valid CSS unit, ex: 14px.
WooCommerce Quantity Box Background Color – Allows you to control the background color of the WooCommerce quantity box.
WooCommerce Quantity Box Hover Background Color – Allows you to control the hover color of the WooCommerce quantity box.
WooCommerce Order Dropdown Background Color – Allows you to control the background color of the WooCommerce cart dropdown.
WooCommerce Order Dropdown Text Color – Allows you to control the color of the text and icons in the WooCommerce cart dropdown.
WooCommerce Order Dropdown Border Color – Allows you to control the border color in the WooCommerce cart dropdown.
WooCommerce Cart Menu Background Color – Allows you to control the bottom section background color of the WooCommerce cart dropdown.
WooCommerce Icon Font Size – Allows you to control the font size of the WooCommerce icons. Enter a value including CSS unit (px, em, rem), example: 12px.
WooCommerce Sale Badge Shape – Controls the shape of the sale badge. Choose from Rectangle, or Circle.
WooCommerce Sale Badge Background Color – Controls the background color of the WooCommerce sale badge.
WooCommerce Sale Badge Text Color – Controls the text color of the WooCommerce sale badge.
WooCommerce Sale Badge Text Size – Controls the font size of the WooCommerce sale badge text. Enter value including any valid CSS unit, ex: 15px.
WooCommerce Sale Badge Border Size – Controls the border size of the sale badge. Enter values including any valid CSS unit, ex: 0px, 0px, 0px, 0px.
WooCommerce Sale Badge Border Color – Controls the border color of the sale badge.
WooCommerce Sale Badge Text – [percentage] and [value] placeholders can be used to display product discount as percentage or as a value, ex: [percentage] Off!
View The Options Screen,Sidebars > WooCommerce ProductsGlobal WooCommerce Product Sidebar 1 – Select sidebar 1 that will display on all WooCommerce products.
Global WooCommerce Product Sidebar 2 – Select sidebar 2 that will display on all WooCommerce products. Sidebar 2 can only be used if sidebar 1 is selected.
Force Global Sidebars For WooCommerce Products – Turn on if you want to use the same sidebars on all WooCommerce products. This option overrides the WooCommerce post options.
Global WooCommerce Sidebar Position – Controls the position of sidebar 1 for all WooCommerce products and archive pages. If sidebar 2 is selected, it will display on the opposite side.
View The Options ScreenSidebars > WooCommerce ArchivesWooCommerce Archive Sidebar 1 – Select sidebar 1 that will display on the WooCommerce archive pages.
WooCommerce Archive Sidebar 2 – Select sidebar 2 that will display on the WooCommerce archive pages. Sidebar 2 can only be used if sidebar 1 is selected.
View The Options Screen
Code Block Encoding vs. Not Encoding Option
If you』re wondering what the 『Disable Code Block Encoding』 option found in Theme Options > Advanced tab does, please continue reading below.
What Happens To Your Content Inside A Code Block?Essentially, any content within a Code Block element is encoded. This stops WordPress from getting it』s hands on the code and inserting
tags, line breaks and any other formatting changes that it likes to make to content inside the editor. By default, Avada takes the content and converts it into a base64 string so that it can be decoded when the page is rendered. This way it will come out on the page the same as it was inserted into the Code Block.
What Happens When You Enable The 『Disable Code Block Encoding』 Option?If you choose to enable the 『Disable Code Blocking Encoding』 option located in Theme Options > Advanced, your Code Block elements essentially become a Text Block element and WordPress will have it』s way with the content inside. Please view below for a sample Google Analytics code inside a Code Block that has encoding enabled and disabled.
Encoding DisabledIf you have the 『Disable Code Block Encoding』 option checked (Encoding Disabled), then WordPress will insert formatting changes. These tags alone are enough to break the JavaScript code. View screenshot here.
Encoding EnabledIf you have the 『Disable Code Block Encoding』 option unchecked (Encoding Enabled), then your code will be inserted as intended and function correctly. View screenshot here.
Option Network Correlations
In Avada 5.0 we have added a new feature called Advanced Option Network Correlation. This option allows you to intuitively see the relationship between global Avada Theme Options settings and your individual Element Options and Page Options settings. When you edit a single page or post, in the Avada Options section of the page, you will see what has been set for the corresponding option within the Theme Options. No more switching back and forth or trying to remember what you previously set in the Theme Options. Continue reading below to learn how this feature works.
IMPORTANT NOTE: This feature is only available on Avada version 5.0 or higher.Advanced Option Network CorrelationAvada has the most advanced options system of any theme on the market! With Avada you can set global options which affect your entire site using Avada Theme Options, but also the flexibility to fine tune your settings on a individual page or element basis by using Avada Page Options and Avada Builder Options.
Because the options network consist of globals vs overrides, it』s vital to know what is set globally. Our Advanced Option Network Correlation feature makes it clear what is currently set globally within Avada Theme Options.
This feature is located in all Avada Builder Options and Avada Page Options that have a corresponding option in the Avada Theme Options. Simply click the link in the description to be redirected to the corresponding global option in Avada Theme Options, or with the knowledge of what is set globally, change the Avada Option to override the Theme Option.
Column Spacing Options
Column spacing plays a huge factor in designing a creative website. Avada gives you the freedom to choose the amount of column spacing that shows between columns. There are global options, and element options. Please read below to learn about each area that offers column spacing options. Also, please see the How To Control Spacing With Avada & Fusion Builder doc for more information on this topic.
Overview
Blog Element With A Grid Layout
Portfolio Element With A Grid LayoutImage Carousel ElementColumn ElementWooCommerce Featured Products ElementWooCommerce Carousel ElementRelated Posts / ProjectsGeneral Blog and Portfolio in Fusion Theme OptionsBlog Element With A Grid LayoutStep 1 – Add a Blog Element by clicking the 『+ Element』 button in a column.
Step 2 – Click the 『Element Settings』 icon on the Blog Element, then set the 『Blog Layout』 option to Grid.
Step 3 – Locate the 『Grid Layout Column Spacing』 option. Drag the slider to your desired column spacing value, or simply enter it in the text box provided. For example, 20.
Step 4 – Once finished, click 『Save』.
IMPORTANT NOTE
Column Spacing for the Blog Element only works for the Grid Layout.Portfolio Element With A Grid LayoutStep 1 – Add a Portfolio Element by clicking the 『+ Element』 button in a column.
Step 2 – Click the 『Element Settings』 icon on the Portfolio Element, then set the Layout option either to Grid, or Grid with Text.
Step 3 – Locate the 『Column Spacing』 option. Set your desired column spacing value in the text box provided. For example, 20. You can also click the 『Use Default Value』 radio field to use the default value set in Theme Options.
Step 4 – Once finished, click 『Save』.
IMPORTANT NOTE
Column Spacing for the Portfolio Element only works for the Grid, and Grid with Text Layout.Image Carousel ElementStep 1 – Add an Image Carousel Element by clicking the 『+ Element』 button in a column.
Step 2 – Click the 『Element Settings』 icon on the Image Carousel Element.
Step 3 – Locate the 『Column Spacing』 option. Set your desired column spacing value in the text box provided. For example, 13.
Step 4 – Once finished, click 『Save』.
IMPORTANT NOTE
This option is only available with Avada version 3.8 or above.Column ElementStep 1 – Click the 『Column Settings』 icon on the Column Element.
Step 2 – Locate the 『Column Spacing』 option. Set your desired column spacing value in the text box provided. For example, 20px. This setting can take any valid CSS unit.
Step 3 – Once finished, click 『Save』.
WooCommerce Featured Products ElementStep 1 – Add a Woo Featured Element by clicking the 『+ Element』 button in a column.
Step 2 – Click the 『Element Settings』 icon on the Woo Featured Element.
Step 3 – Locate the 『Column Spacing』 option. Set your desired column spacing value in the text box provided. For example, 13.
Step 4 – Once finished, click 『Save』.
WooCommerce Carousel ElementStep 1 – Add a Woo Carousel Element by clicking the 『+ Element』 button in a column.
Step 2 – Click the 『Element Settings』 icon on the Woo Carousel Element.
Step 3 – Locate the 『Column Spacing』 option. Set your desired column spacing value in the text box provided. For example, 13.
Step 4 – Once finished, click 『Save』.
Related Posts / ProjectsStep 1 – Navigate to Avada > Theme Options > Extra > Related Posts / Projects tab.
Step 2 – On this tab, locate the 『Related Posts / Projects Column Spacing』 option. Drag the slider to your desired column spacing value, or simply enter it in the text box provided. For example, 44.
Step 3 – Once you』re happy with your settings, click the 『Save Changes』 button.
Fusion Theme OptionsInside the Fusion Theme Options which is located in Avada > Theme Options, there are also options for column spacing specifically in the Blog and Portfolio tab. These options only affect the Blog Grid and Portfolio pages, but not the Blog and Portfolio elements. Column spacing for the Blog and Portfolio elements must be set individually per element.
To access this, navigate to Avada > Theme Options > Blog > General Blog.
To access this, navigate to Avada > Theme Options > Portfolio > General Portfolio.
Avada Builder Option Sets
The Avada Builder is a vital part of Avada』s ecosystem. This powerful and easy to use page builder allows you to quickly and easily build all manner of page layouts, through a drag and drop wireframe interface, and now, with Avada Live, through a front-end page builder. Both versions of Avada Builder are intuitive, powerful and flexible.
Avada Builder has its own documentation section where you can learn all about it, and in addition, for Developers, there is an Avada for Developers category, where you can find out all about actions, filters, functions, add-ons and much more.
There are three areas in which you can set options for the Avada Builder. Firstly, there are the general Avada Builder Options, accessed from the Avada Dashboard at Options > Builder Options. Then, there are the Avada Builder Element Default Options controlling the individual Builder Elements. These options are found in the Avada Builder Elements tab of the Global Options. Finally, there are Avada Live Preferences, found in the toolbar of Avada Live.
View The Avada Builder Documentation,Avada Builder General OptionsAvada Builder is a stand alone plugin and contains a set of options for the Builder itself. These options are only for Avada Builder and are not related to the Avada Options System. These are general options around how the Builder loads, what Elements load, and what post types the Builder is available on. You can access these options from the Avada Dashboard, by going to Options > Builder Options. Read more about these options at the link below, or watch the video for a visual overview.
Read More About The Avada Builder General Options!,Avada Builder ElementsAvada Builder has over 70 design Elements you can use to build professional pages through an intuitive user interface. Each element has a set of options for customization, that also work in tandem with Avada』s Option Network.
The link below shows you a full listing of ALL Avada Builder Elements, each linking to their own Element document. The options contained within each Element will only affect the single instance of the Element they』re set in.
See The Full List of Avada Elements!There are also global default options for Elements, located in the Avada Global Options. Go to Avada > Options > Avada Builder Elements. These global Element Options are also accessible from the Global Options tab of the Sidebar in Avada Live. The sidebar is accessed from the Toolbar at the top of the page, when in the front-end builder.,Avada Live PreferencesAvada Live has its own set of preferences you can set, to configure the Live Builder in just the way you like it. There are also a large range of keyboard shortcuts you can use to speed up your workflow.
Read About Avada Live Preferences