elements 歸檔 - 第 7 頁共 15 頁

Range Field Element

IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.The Range Field Element defines a slider control between minimum and maximum numeric values. You can see an example of this Element in the Reservation Prebuilt Form.,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal OptionsUseful Links & Resources,How To Use The Range Field ElementThe Range Field Element allows you to place checkboxes into your forms.
Step 1. Create a new, or edit and existing Form in the Avada Form Builder.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Range Field from the Form Elements tab.
Step 4. ddd
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).
You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.
General Tab
Field Label – Enter the label for the input field. This is how users will identify individual fields.

Field Name – Enter the field name. Should be single word without spaces. Underscores and dashes are allowed.

Required Field – Make a selection to ensure that this field is completed before allowing the user to submit the form.

Orientation – Range input field orientation. Choose from Left, or Right.

Tooltip Text – The text to display as tooltip hint for the input.

Range Min Value – Minimum allowed value for range input type.
Range Max Value – Maximum allowed value for range input type.
Range Step Value – Incremental Value for range input type.

Default Value – Set default value for range input type.

Tab Index – Tab index for this input field.

CSS Class – Allows you to add a class to the wrapping HTML.

CSS ID – Allows you to add an ID to the wrapping HTML.
View The Options ScreenConditionals TabConditional Logic – Add conditional logic for the input field. Please see the Conditional Logic In Avada Forms document for more information on how to use this feature.View The Options ScreenGlobal OptionsThere are no Global Options for Form Builder Elements.,Useful Links & Resources
The Avada Form Builder

Avada Form Local Options

Avada Form Global Options

Avada Form Element

How To Use Conditional Logic In Avada Forms

Select Field Element

IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.The Select Field Element allows users to choose from a set of predefined choices, that display in a dropdown list. You can see an example of this Element in the Sign Up Prebuilt Form.,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal OptionsUseful Links & Resources,How To Use The Select Field ElementThe Select Field Element allows you to place select fields into your forms.
Step 1. Create a new, or edit and existing Form in the Avada Form Builder.
Step 2. Create, or choose the Column you wish to add the Element into.
Step 3. Click on Add New Element and choose Select Field from the Form Elements tab.
Step 4. Go through the options to populate and configure the Element. You can add a label, decide if it is to be a required field, add an optional tooltip etc. You can add your own options, either individually or in bulk, or you can choose from a range of pre-populated choices, such as Countries, Days of the Week, Months of the Year, U.S. States, Years, and Days of the Month.
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).
You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.
General Tab
Field Label – Enter the label for the input field. This is how users will identify individual fields.

Field Name – Enter the field name. Should be single word without spaces. Underscores and dashes are allowed.

Required Field – Make a selection to ensure that this field is completed before allowing the user to submit the form.
Placeholder Text – The placeholder text to display as the initial selection.
Tooltip Text – The text to display as tooltip hint for the input.

Options – Add options for the input field. You can add your own options one at a time, or choose from Bulk / Predefined Choices, such as Countries, Days of the Week, Months of the Year, U.S. States, Years, Days of the Month.
Input Field Icon – Select an icon for the input field, click again to deselect.
Tab Index – Tab index for this input field.

CSS Class – Allows you to add a class to the wrapping HTML.

Avada Form Local Options

Avada Form Global Options

Avada Form Element

How To Use Conditional Logic In Avada Forms

Post Cards Element

The Post Cards Element was a new addition to Avada Builder in Avada 7.3. This Element works in conjunction with individual Post Cards, which are created and designed through the Avada Builder Library. Basically, a Post Card is a custom layout template for various post types including Blog posts, Portfolio posts, FAQs, Events and WooCommerce Products. Using the Post Cards Element, the individual Post Cards can then be displayed in Grids, Carousels, or Sliders in your pages and Layouts.
Check out the How To Use Post Cards In Avada for a broad overview on the topic, read on to find out specific details and options for this useful Element, and watch the video for a visual overview.,View Element Demo Page!OverviewHow To Use The Post Cards ElementElement OptionsGlobal Options,How To Use The Post Cards ElementThe Post Cards Element is used to display a custom post type grid, slider or carousel, based on the design on an individual Post Card, and post type options. So before you can use the Post Cards Element, you need to create at least one Post Card. This is done through the Avada builder Library. See the How To Use Post Cards In Avada doc for more information on this process.
Once you have created your Post Card, you can use the Post Cards Element to display the layout on a page. Simply add the Element to a page, and configure the options to display your chosen post type in your chosen layout.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The displayed option screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
General TabPost Card – Select the post card design to use. Post cards can be created in the Avada Library.Post Card List View – This post card will be used in the list view which can be triggered with the sorting element. Post cards can be created in the Avada Library.Content Source – Select if you want to pull single posts or taxonomy terms. Choose from Posts, Terms, Related, Up Sells or Cross Sells.Post Type – Select which post type you want to pull from. Choose from Posts, Products, Events, Portfolio, or FAQs.
Taxonomy – Select which taxonomy to pull terms from. Choose from Categries, Tags, Product Type, Product Categories, Product Tags, Product Shipping Classes, Event Categories, Portfolio Categories, Portfolio Skills, Portfolio Tags, or FAQ Categories.
Posts By – Select which taxonomy to pull posts from or select all to pull all. Choose from All, Categories, or Tags.Include Categories – Select a category or leave blank for all.Exclude Categories – Select a category or leave blank for all.Include Tags – Select a tag or leave blank for all.Exclude Tags– Select a tag or leave blank for all.Include Product Type – Select a product type or leave blank for all.Exclude Product Type – Select a product type or leave blank for all.Include Product Categories – Select a product category or leave blank for all.Exclude Product Categories – Select a product category or leave blank for all.Include Product Tags – Select a product tag or leave blank for all.Exclude Product Tags – Select a product tag or leave blank for all.Include Product Shipping Classes – Select a product shipping class or leave blank for all.Exclude Product Shipping Classes – Select a product shipping class or leave blank for all.Include Event Categories – Select an event category or leave blank for all.Exclude Event Categories – Select an event category or leave blank for all.Include Portfolio Categories – Select a portfolio category or leave blank for all.Exclude Portfolio Categories – Select a portfolio category or leave blank for all.Include Portfolio Skills – Select a portfolio skill or leave blank for all.Exclude Portfolio Skills – Select a portfolio skill or leave blank for all.Include Portfolio Tags – Select a portfolio tag or leave blank for all.Exclude Portfolio Tags – Select a portfolio tag or leave blank for all.Include FAQ Categories – Select an FAQ category or leave blank for all.Exclude FAQ Categories – Select an FAQ category or leave blank for all.
Include Out Of Stock Products – Choose to include or exclude products which are out of stock. Choose Include, or Exclude.
Show Hidden Products – Choose to show hidden products which are exclude from search or catalog.Number of Posts – Select number of posts per page. Set to -1 to display all. Set to 0 to use the post type default number of posts. For portfolio and products this comes from the Global Options. For all others, Settings > Reading.Posts Offset – The number of posts to skip. ex: 1.Order By – Defines how posts should be ordered. Note: (Price|Popularity|Rating) option only work for product related query. Choose from Date, Post Title, Post Slug, Author, ID, Number of Comments, Last Modified, Random, Price, Populariry (sales), Avarage Rating, or Event Date. Order By – Defines how terms should be ordered. Choose from Name, Slug, Term Group, Term ID, Description, or Parent.Order – Defines the sorting order of posts. Choose from Descending, or Ascending.
Show Only Upcoming Events – Whether or not the events displayed will be only from the current date.

Show Only Featured Events – Whether or not to display only events that are featured.
Pagination Type – Choose the type of pagination.Choose the type of pagination. Choose from No Pagination, Pagination, Infinite Scrolling or Load More Button.Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Avada Builder Elements tab in the Global Options.CSS Class – Allows you to add a class for the Separator.CSS ID – Allows you to add an ID for the Separator.View The Options ScreenDesign TabLayout – Select how you want post cards to display. Choose from Grid, Carousel, or Slider.Post Card Alignment – Select how you want post cards to align within rows. Choose from Flex Start, Center, Flex End, or Stretch.Number of Columns – Set the number of columns per row.Column Spacing – Insert the amount of horizontal spacing between items without 『px』. ex: 40.Row Spacing – Insert the amount of vertical spacing between items without 『px』. ex: 40.Autoplay – Choose to autoplay the items.Scroll Items – Insert the amount of items to scroll. Leave empty to scroll number of visible items.Show Navigation – Choose to show navigation buttons on the carousel / slider.Mouse Scroll – Choose to enable mouse drag control on the carousel. IMPORTANT: For easy draggability, when mouse scroll is activated, links will be disabled.Navigation Margin – Controls the space between content and navigation. Enter value including any valid CSS unit, ex: -40px.Animation – Select the animation style. Choose from Fade, or Slide.Margin – In pixels or percentage, ex: 10px or 10%.View The Options ScreenExtras Tab
Animation Type – Controls the Element』s animation type. Choose between None, Bounce, Fade, Flash, Rubberband, Shake, Slide, Zoom, Flip Vertically, Flip Horizontally, or Light Speed.

Direction of Animation – Controls the direction of animation on the Element. Choose between Top, Right, Bottom, Left, or Static.

Speed of Animation – Controls the speed of animation on the Element. Choose between 0.1 to 1.

Offset of Animation – Controls when the animation will start. Choose between Default, Top of element hits bottom of viewport, Top of element hits middle of viewport, or Bottom of element enters viewport.
View The Options ScreenGlobal OptionsThere are no Global Options for the Post Cards Element.

Rating Field Element

IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.The Rating Field Element is used to rate something between a set minimum and maximum number of stars (or other icon). You can see an example of this Element in use in the Survey Prebuilt Form.,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal OptionsUseful Links & Resources,How To Use The Rating Field ElementThe Rating Field Element allows you to place checkboxes into your forms.
Step 1. Create a new, or edit and existing Form in the Avada Form Builder.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Rating Field from the Form Elements tab.
Step 4. Go through the options to populate and configure the Element. The Rating Limit can be between 1 and 10, and you can choose which icon and colors you wish to use, as well as the Icon Font Size.
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).
You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.
General Tab
Field Label – Enter the label for the input field. This is how users will identify individual fields.

Field Name – Enter the field name. Should be single word without spaces. Underscores and dashes are allowed.

Required Field – Make a selection to ensure that this field is completed before allowing the user to submit the form.

Tooltip Text – The text to display as tooltip hint for the input.
Rating Limit – Set the maximum rating that can be given.Rating Icon – Choose icon for rating.

Icon Color – Choose icon color for rating. Leave empty for default value.

Hover/Active Icon Color – Choose icon color for rating. Leave empty for default value.

Icon Font Size – Controls the size of the icon. Enter value including any valid CSS unit, ex: 20px.

CSS Class – Allows you to add a class to the wrapping HTML.

Avada Form Local Options

Avada Form Global Options

Avada Form Element

How To Use Conditional Logic In Avada Forms

Separator Element

The Separator Element offers highly flexible separators for your site, including seven line types, plus a No Style Separator for convenient spacing. You can also control Separator Border Size, Color, Width, Margins above and below, Alignment, and you even add icons to them. Read on for an overview of this very useful Element, or watch the video for a visual overview.,View Element Demo Page!,OverviewHow To Use The Element
Element Options
Global Options,How To Use The Separator ElementThe Separator Element allows you to add styled or invisible separators anywhere in your content.
Step 1. Ensure Avada Builder, or Avada Live is active.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Separator from the Elements List.
Step 4. The first thing to choose is the Separator Style. The element comes with 7 preset styles plus a No Style option for invisible separators. Be sure to check out the Separator Element Demo page to see all the options.
Step 5. The Design tab is your next stop. Depending on the style chosen, you will have more or less to do here. If you have chosen the No Style option, all you need to do is to determine the spacing for the element. This is achieved via the second option, the Margin. You can specify your spacing in px, em, or %. You can adjust the margins above and below the separator, but this is not important with an invisible one. This is best used to increase the separation between elements. It is also possible to use negative values with this element.
Step 6. If you have chosen a styled element, the remaining options are to style this, with regards to its color, icon, size, width and alignment. A huge variety of separators are possible.
Step 7. Once you have completed styling your Separator Element, click Save.
Read below for a detailed description of all element options.
767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element at Options > Avada Builder Elements > Separator. Also, please note that the displayed option screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
General Tab
Style – Selects the Style for the Separator. Choose between the seven Separator line styles, the No Style, or the Default option, set in Theme Options (Avada > Options > Avada Builder Elements > Separator).

Element Visibility – Allows you to control the Separator』s visibility. Choose one or more between Small Screen, Medium Screen, or Large Screen.

Element Sticky Visibility – (Only visible if parent Container is set to Sticky). Choose to show or hide the element, based on the current mode (normal or sticky) of its parent container. You can choose more than one at a time.

CSS Class – Allows you to add a class name to the wrapping HTML element. The class name does not have to be unique, but all areas with the same name will reflect any changes made to the class.

CSS ID – Allows you to add an ID to the wrapping HTML element. The ID must be unique to each CSS ID.
View The Options ScreenDesign Tab
Flex Grow – Controls the amount (in parts) of the available space inside a flex column the separator should take up. If the separator is the only element in the column using flew grow, any value above 0 will let it take up all available space. Set to 0 to disable its ability to grow.

Margin – Controls the spacing above and below the Separator. In px, em or %, e.g. 10px.

Separator Width – Controls the width of the Separator. In In pixels (px or %), ex: 1px, ex: 50%.

Alignment – Controls the alignment of the Separator. This only works when a width is specified. Choices are Center, Left, or Right.

Border Size – Controls the thickness of the Separator. In pixels.

Separator Color – Controls the Separator Color. Leave empty for the Default value, set in Theme Options (Avada > Options > Avada Builder Elements > Separator).

Select Icon – Allows you to select an icon to show in the center of the Separator.

Icon Size – In pixels.

Icon Color – Controls the color of the Icon.

Circled Icon – Controls whether the chosen icon has a circle around it. Choices are Default, Yes, or No.

Circle Color – Controls the background color of the circle around the icon. Leave empty for the default value.
View The Options ScreenGlobal OptionsLocation: Avada > Options > Avada Builder Elements > Separator.

The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.

Separator Style – Controls the line style of all separators, divider lines on portfolio archives, blog archives, product archives and more.

Separator Color – Controls the color of all separators, divider lines and borders for meta, previous & next, filters, archive pages, boxes around number pagination, sidebar widgets, accordion divider lines, counter boxes and more.

Border Size – Controls the border size of the separator. In pixels.

Icon Size – In pixels.

Separator Circle – Turn on if you want to display a circle around the separator icon.

Circle Color – Controls the background color of the circle around the icon.
View The Options Screen

Post Slider Element

Avada』s Post Slider Element can be set to automatically pull your blog posts, titles and excerpts into a sleek and modern slideshow. It includes configuration options such as layout, categories, etc. The example below is displaying the latest posts from our blog.
The 2021 Avada Black Friday SaleAvada 7.5 is Live! Prebuilt Studio ContentPart 2: How to sell on your site with WooCommerceVersion 7.4.2 Security UpdatePart 1: How to Build a Website for Your Online Store With Avada,View Element Demo Page!,OverviewHow To Use The ElementGeneral/Styling OptionsGlobal OptionsUseful Links & Resources,How To Use The Post Slider ElementThe Post Slider Element allows you to add a Post Sliders to your content, in a variety of layouts.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Select the container and column you would like to place the post slider into.
Step 3 – Click on the + Element button at the bottom of the column. Select Post Slider.
Step 4 – The Layout option is the first option, and here you control the appearance of the post slider. There are three layouts to choose from, including Posts with Title, Posts with Title and Excerpt, and Attachment Layout, Only Images Attached to Post/Page.
Step 5 – With the first two layouts, the next thing to do is choose the categories and number of slides you want to display, and the number of words for the excerpt if you choose that layout, but with the third layout option, you add individual images to your page to show in the slider.
Step 6 – Once you have set your styling options, click Save. You will be returned to the edit page. You can preview the page to view your content, and you can always edit the element again to make changes..
There are 3 different Post Slider layouts to choose from:
Post With Titles – Displays your post』s title over a featured image.Post With Excerpt & Titles – Displays post』s title and excerpt over a featured image.Attachments (Images Only) – Displays images uploaded to page or post.767,631 Businesses Trust Avada
Get Avada767,631 Businesses Trust Avada
Get Avada767,631 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The displayed option screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

Layout – Select a layout style for Post Slider. Choose from Posts with Title, Posts with Title and Excerpt, and Attachment Layout, Only Images Attached to Post/Page.

Attach Images to Post/Page Gallery – To add images to this post or page for attachments layout, navigate to 「Upload Files」 tab in media manager and upload new images.

Excerpt Number of Words – Insert the number of words you want to show in the excerpt.

Category – Select a category of posts to display.

Number of Slides – Select the number of slides to display.

Image Lightbox – Only works on attachment layout. Lightbox must be enabled in Theme Options or the image will open up by in the same tab by itself.

Element Visibility – Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Fusion Builder Elements tab in the Theme Options.

CSS Class – Add a custom class to the wrapping HTML element for further css customization. Learn more here.

CSS ID – Add a custom id to the wrapping HTML element for further css customization. Learn more here.
View The Options ScreenGlobal OptionsThere are no Global Options for this Element.,Useful Links & ResourcesOther Slider TypesBlog Post Options

reCAPTCHA Field Element

IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.The reCAPTCHA Field Element helps protect your website forms from spam and abuse. You must first configure the Global Options found at Options > Forms > Google reCAPTCHA for this to work.,OverviewHow To Use The ElementElement OptionsGlobal OptionsUseful Links & Resources,How To Use The reCAPTCHA Field ElementThe reCAPTCHA Field Element allows you to add the reCAPTCHA spam control into your forms.
Step 1. Create a new, or edit and existing Form in the Avada Form Builder.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose reCAPTCHA Field from the Form Elements tab.
Step 4. Go through the options to populate and configure the Element. As mentioned above, you need to first configure reCAPTCHA at a Global Level, and in that choose V2 or V3 reCAPTCHA. This affects the options seen when using the Element.
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).
You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.
V2 OptionsreCAPTCHA Color Scheme – Choose the reCAPTCHA color scheme.
CSS Class – Allows you to add a class to the wrapping HTML.

CSS ID – Allows you to add an ID to the wrapping HTML.
View The Options ScreenV3 Options
reCAPTCHA Badge Position – Choose where the reCAPTCHA badge should be displayed.

CSS Class – Allows you to add a class to the wrapping HTML.

CSS ID – Allows you to add an ID to the wrapping HTML.
View The Options ScreenGlobal OptionsThe Global options that control reCAPTCHA are found at Options > Forms > Google reCAPTCHA. For full details, please see our How To Set Up Google reCAPTCHA document.,Useful Links & Resources
The Avada Form Builder

Avada Form Local Options

Avada Form Global Options

Avada Form Element

How To Use Conditional Logic In Avada Forms

Slider Revolution Element

If you have the bundled Premium Slider Plugin, Slider Revolution, activated on you site, you will have the Slider Revolution Element available through the Avada Builder. This very simple Element has only one purpose, and that is to enable you to add a Slider Revolution slider, anywhere in your content, and not be limited to above or below the header, as is the case when adding them through the Avada Page Options.,View Element Demo Page!Read More About Slider Revolution Integration,Slider Revolution Element OptionsSelect Slider – As you can see, the Element has only one option, and that is to choose the Slider you wish to show. The Slider will interact with the column and container it is placed in, so if you place it in a 1/2 Column, it will only fill that area.
IMPORTANT NOTE: Many themes sold on ThemeForest come bundled with premium plugins from CodeCanyon. A plugin offers additional functionality and features beyond a typical WordPress installation, and you do not need additional licensing in order to use the plugin with your theme. The terms and conditions for bundled plugins is set out by Envato.As of Avada 5.4.1, Avada bundled plugins can be updated independently and outside of an Avada theme update. The update notification will be visible and can be accessed via the Avada > Plugins section.
Global OptionsThere are no Global Options for this Element.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,Useful Links & ResourcesThere are extensive options when creating sliders with Slider Revolution. Avail yourself of the plugin documentation below.

Slider Revolution – Extensive Documentation can be found at the ThemePunch Support Center.
Avada Bundled Plugins Info

Pricing Table Element

The Pricing Table Element affords you a graphic way of showcasing your services, prices and overall offerings. With the Pricing Table Element, two different design styles can be selected, along with various column widths. You can make a column standout for added visibility, change the type of currency and the currency position, change the length of payment time, such as monthly or weekly, and even and add buttons to the footer section. These many options allow you to create beautiful, customized pricing tables throughout your site with ease. Read on to find out more about this professional Element.,Standard$1999monthly5 Projects5 GB StorageUnlimited Users10 GB BandwithSign Up Now!Premium$2999monthly10 Projects15 GB StorageUnlimited Users20 GB BandwithSign Up Now!Professional$3999monthly15 Projects30 GB StorageUnlimited Users50 GB BandwithSign Up Now!Maximum$4999monthly30 Projects100 GB StorageUnlimited Users150 GB BandwithSign Up Now!Extreme$5999monthlyUnlimited ProjectsUnlimited StorageUnlimited UsersUnlimited BandwithSign Up Now!,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal Options,How To Use The Pricing Table ElementThe Pricing Table Element allows you to easily show pricing tables on your website.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Select the container and column you would like to place the portfolio items into.
Step 3 – Click on the + Element button at the bottom of the column. Select Portfolio.
Step 4 – The Pricing Table Element has two preset styles, and this is the first option to choose. But that』s just the start. There are many extra styling options to allow you to control background, background hover, border, heading and divider colors, as well as the pricing and body text colors. Be sure to visit the Pricing Table Element Demo page to get a good idea of what』s possible with this awesome element.
Step 5 – After the styling options, come the table options. The Table tab gives you a visual idea of how your table is laid out, and you can add columns and rows and edit the content right here. One important option on this tab is the Standout option. This adds lift up and drop shadow styling to the selected column to make it stand out more. You can even add Call to Action buttons at the bottom. Clicking on Add Button will call the button Element, where you can style a button before being taken back to complete the Pricing Table Element. Try it out!
Step 6 – Once you have completed styling your Pricing Table Element, click Save. You will be returned to the edit page. You can preview the page to view your content. To get the layout you want might take some further customization, but as always you can always come back into the element for further editing.
Read below for a detailed description of all element options.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Global Options > Avada Builder Elements > Pricing Table section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Table Options
Type – Select the type of pricing table. Choose from Style 1, or Style 2.

Background Color – Set pricing table background color. Leave for the default value selected in the Theme Options (Avada > Theme Options > Fusion Builder Elements > Pricing Table Element).

Background Hover Color – Set pricing table background hover color.

Border Color – Set pricing table border color.

Divider Color – Set pricing table divider color.

Heading Color – Set pricing table headings color.

Heading Color – Set pricing table headings color. There are two of these options. One is for the Style 1 Pricing Table, and the other is for Style 2, but if you have Avada』s Option Network Dependency option enabled, you will only see one option.

Pricing Text Color – Set pricing table price text color.

Body Text Color – Set pricing table body text color.

Element Visibility – Allows you to control the column』s visibility. Choose one or more between Small Screen, Medium Screen, or Large Screen.

CSS Class – Allows you to add a class for the column.

CSS ID – Allows you to add an ID for the column.
View The Options ScreenTable
Add / Remove Rows & Columns – Illustrated as A. You can add columns or feature rows to your pricing table here.

Column Settings – Illustrated as B. Each column has a title, with options to delete or clone the column.

Standout – Illustrated as C. Select if the column should be a Standout column. This lifts the column up and adds a drop shadow to make the column stand out from the others. You can have multiple Standout columns.

Head Title – Illustrated as D. This is the title that will show on the top of the column.

Currency Symbol – Illustrated as E. Enter your currency symbol, and whether it should be before or after the amount.

Price – Illustrated as F. Enter the price for that column.

Period – Illustrated as G.Enter the period for the price. Can also be left empty.

Delete Row – Illustrated as H. If you hover over a row, you can delete the row using the bin icon at the left.

Feature Row – Illustrated as I. Enter a feature of the product here.

Add Button – Illustrated as J. Click this to open the Button dialog. You can make your selections and choose Insert to add the button shortcode into the text field below.

Text Field – Illustrated as K.Allows you to add any text to the bottom row. Will also accept HTML markup and shortcodes, like a small image.
View The Options ScreenGlobal OptionsLocation: WordPress Dashboard > Avada > Global Options > Avada Builder Elements > Pricing Table

The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.
Pricing Box Style 1 Heading Color – Controls the color of style 1 pricing table headings.
Pricing Box Style 2 Heading Color – Controls the color of style 2 pricing table headings.

Pricing Box Color – Controls the color portions of pricing boxes.

Pricing Box Background Color – Controls the color of the main background and title background.

Pricing Box Background Hover Color – Controls the hover color of the main background and title background.

Pricing Box Border Color – Controls the color of the outer border, pricing row and footer row backgrounds.

Pricing Box Divider Color – Controls the color of the dividers in-between pricing rows.
View The Options Screen

標籤： elements

Range Field Element

Select Field Element

Post Cards Element

Rating Field Element

Separator Element

Post Slider Element

reCAPTCHA Field Element

Slider Revolution Element

Pricing Table Element

Recent Posts Element