Avada 文档

How To Import Individual Website Sections Using The Prebuilt Website Importer

If you don』t want to import an entire prebuilt website, or you want to import extra content from another prebuilt website, you can also import individual sections of a website using the Prebuilt Website Importer.
When importing a Prebuilt Website, you are faced with a dialog with multiple sections. In the top section, is a list of plugins you need to have installed to successfully import the full prebuilt website.
Under this, on the left hand side, is the Import Content section. Normally, All is selected to import the full prebuilt website. But it is possible to just import the pages, or posts, or Layouts, or any section of the website that you want. Just select the section(s) you want to import, and click the Import button at the bottom.
Important Information For Importing SectionsIt is NOT recommended to import more than one full prebuilt website, without first removing the original import. This is because when importing a full import, global options are imported, and there can only be one set of these.
However, it is possible to import other sections from a website on top of a full import, as they can also be successfully removed using the Importer. The basic rule here, is not to import the 「options」 as this will conflict with any previous import.
How To Import Single Pages From The Avada Builder Library

How To Import A Prebuilt Avada Website

The easiest way to import any one of our prebuilt websites is to use our Prebuilt Website Importer. This can be found at Avada > Websites. You can access this area after you have registered your purchase via Purchase Code.
Here, you will find all of our prebuilt websites, and with Avada 6.2 and up, you will also find a Filter in the left hand column, to help you find exactly the style of website you want.
Importing prebuilt websites is recommended to do on a fresh WordPress install. Importing a prebuilt website will not replace existing content like posts, pages, portfolios, etc. and it will not delete current menus or sliders. It will, however, import and set as active the prebuilt website menus, add sliders and replace current Avada Global Options with prebuilt website options. It will also replace WordPress Reading and Widget Settings. So for these reasons, it is strongly recommended you do not import a prebuilt website on a completed, or under progress, website.
IMPORTANT NOTE: To access Prebuilt Avada Websites, you must first register your purchase via Purchase Code.,OverviewHow To Choose And Import A Prebuilt Avada WebsiteBefore Importing Prebuilt Avada WebsitesHow To Import Prebuilt Avada Websites
How To Remove Prebuilt Avada Websites

Troubleshooting,How To Choose and Import An Avada Prebuilt Website,Before Importing Prebuilt Avada WebsitesBefore you import any of our available prebuilt websites, please make sure to check the items listed below. All of these are important and will ensure that your website import goes smoothly. In case something does go wrong with your prebuilt website import, please see our Troubleshooting section below.
Product Registration – Please make sure to register your product via Purchase Code Registration to be able to access and import our demos.Required Plugins – Install Avada』s required plugins, Avada Core and Avada Builder. Also make sure you』ve installed the recommended plugins listed on each demo. View screenshot here.
System Status – Check the System Status tab to ensure your server meets all requirements for a successful import. Settings that need attention are listed in red.

ZipArchive Extensions – You must have the ZipArchive extensions installed and activated on your server in order for the Layer Slider and Revolution Slider to import demo sliders correctly. Please ask your hosting company about this if you have any issues.
How To Import Prebuilt Avada WebsitesIMPORTANT NOTE: This method is available for Avada versions 5.2 or higher, and the prebuilt website filter, from Avada 6.2.Step 1 – Navigate to Avada > Websites from the WordPress Sidebar or the Avada Dashboard.
Step 2 – Select the Avada prebuilt website you wish to import. You can also use the filter on the left to limit the shown websites to the category you choose. If you want to see the website before you import it, when you hover over the website』s image, you will see a Preview Button. This opens the website in another browser tab, so you can check it out in detail.
Step 3 – When you have made your choice, simply hover over the website and click the Import button. That will launch the Prebuilt Website Importer where you can make additional selections.
Step 4 – Take note of the middle section of the Prebuilt Website Importer. There you』ll see a list of required plugins for the full import to be successful. If all the plugins have 「Active」 beside them, then you』re ready to import. There will be a red notice of 「Activate」 or 「Install」 if either actions are needed. View screenshot here.
Step 5 – Choose what content to import. Your selection can range from 「All」, which will be the full website content, to just pages, posts, FAQs, or any combination of those content options. Once you』ve made your selections, click 「Import」 to start the process. It can take a few minutes to import everything. Please be patient and wait for it to complete. Once complete, the loading bar will become a 「Done」 button. Click the button to close the dialog and complete the process.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,How To Remove Prebuilt Avada WebsitesStep 1 – Navigate to Avada > Websites from the WordPress Sidebar or the Avada Dashboard.
Step 2 – If you take a look at the thumbnail of the website you have imported, you will now see a label on it. If you have imported the full Demo, it will say Full Import (as seen below). If you have imported only parts of the website, it will say Partial Import. In any case, to remove the website content, the process is the same.
Step 3 – Simply mouse over the thumbnail, and choose Modify. This brings up the Prebuilt Website Importer dialog again, and this time, on the right hand side, you will see a section called Remove Content.
Step 4 – Select Remove, and then click the large Remove button at the bottom of the dialog, and say yes to the resulting notice. This Prebuilt Website importer will run, and will now remove everything that the importer installed, and leave any other content behind.
Step 5 – When it has completed, click the Done button at the bottom.,TroubleshootingIf you encounter errors during or after importing a prebuilt website, please see below for possible solutions. If you don』t find what you』re looking for below, please don』t hesitate to submit a support ticket to our support team.
Missing websites on the Websites』 pageIf the websites aren』t appearing on the Avada > Websites page, then your purchase may not have been registered via Token Registration. Please register your product first to access the Prebuilt Avada Websites.
Slider Alias or ID Not Found For Layer or Revolution SliderIf you already have sliders made, or something unexpected occurs during the import due to low server memory, it』s possible that our website sliders may not be assigned to the pages. You may see an error such as Revolution Slider Error: Slider with alias Avada_Full_Width not found or LayerSlider cannot be found. Sliders are applied by the Slider ID. Each slider gets its own unique ID and they are given in numerical order. If you open up a page after importing the content and you see an error like that, you only need to edit the page and assign the slider to the page. To verify you have the sliders, go to the Layer or Revolution Slider section of your admin to see them listed. If you do not see them, then you can import the sliders separately
Website import failuresIf your prebuilt website import fails, there will be a notice and some info on what may have gone wrong in a popup. You』ll find some suggestions of what to check first in that same popup. For example Website import failed. Please check for PHP limits in red on the System Status page. Change those to the recommended values and try again. You』ll always want to check your System Status page first to see if there are any low limits in red. If you see that, increase them to the recommended limit and then try the import. Generally your web host will be able to take care of increasing low limits for you. More info on changing these specific server limits can be found here.
For details on Avada required minimums, please see our post here.
You may also find the below posts useful if you』re having any of the below errors:
Fatal Error: Allowed Memory Size ExhaustedWhat To Do If Demo Content Import Fails500 Internal Server ErrorPrebuilt Website Content Will Still Not Import – Try Alternative MethodsIf your host will not make changes, or you cannot get the website content to import, then please try our Alternative Prebuilt Website Import Method.
Website Content DuplicatedWith the Prebuilt Website importer in Avada 5.2 and above, it』s not possible to import duplicate content (unless the website content was imported in Avada 5.1.6 or before and then you imported again in 5.2+). However, if you do have duplicate website content from versions before 5.2 or due to existing website content before importing again on 5.2, you can use the below methods to address this:
Method 1: WP Reset Plugin – This plugin is the fastest way to get rid of content. However, it will remove all content from your database and leave the default theme activated. It does not remove plugins, but will deactivate them and remove all pages, posts, menus, sliders, widget data, Global Options, etc. It removes all the content from your database. Only do this if you are planning to start your site freshly from a new WordPress install/new Prebuilt Website import. Click here to download the WP Reset plugin.
Method 2: Manual Removal – This method will take longer and simply involves manually removing duplicate items. For example, go to the Appearance > Menu and delete any duplicate items one by one. It will be the same process for pages, post, sliders, images etc.
Prebuilt Website Blog Posts Show Up In Your Blog FeedMost of our prebuilt websites contains published blog posts. If you import on a live site, plugins like JetPack will notice new posts and push them out into your blog feed. Please disable any plugin that may do that before you import. After the import, you can remove the posts or save them as drafts then turn your plugin back on.

Avada Prebuilt Websites

Avada now comes with 80 professionally designed, prebuilt websites, all of which can be used as a quick-start way to build your website, or just for design inspiration. Read on to find out more about what a prebuilt website is, how to install it, and what to do if you have any troubles.
What Is A Prebuilt Website?An Avada prebuilt website is simply a showcase, or an example, of what』s possible with the Avada Website Builder. It is a collection of pages, posts, images, and theme options etc, that you can import into Avada.
Each website represents a specific industry such as Health & Beauty, Fashion, Photography and more. The websites have been made to demonstrate how flexible Avada can be. These websites are designed and built by professional designers, using our advanced network of options alone.,How Are Prebuilt Websites Useful?Avada prebuilt websites can be very useful, primarily when you don』t know where to begin. If you』re new to building websites, importing a prebuilt website can be a great starting point, because all the pages and content are created for you. You then go in and tweak it to your liking, changing out the text and images to your own. Or you might just want to import a website so you can experiment with Avada』s various capabilities and options. If you』d like to try another demo, there are several methods to remove website content so you can import a new one. More details on that can be found here.,Importing A Prebuilt WebsiteIf you would like to import a prebuilt Avada website, there are two ways you can do so. The Avada Prebuilt Website Importer, found at Avada > Websites is the best method, and with this tool you can import the entire website, or only certain sections you』re interested in (e.g. Posts, Pages, images, Global Options, etc). Additionally, you can import content on a per page basis, from any demo, through the Avada Builder Library. If you run into any issues using these methods, you can also import prebuilt websites manually, although this does require a bit more effort.
Prebuilt Website LinksImporting Avada Prebuilt Websites (Article)
How To Choose And Import A Prebuilt Avada Website (Video)
How To Import Individual Pages From Prebuilt WebsitesPrebuilt Avada Websites Alternate Import MethodHow To Remove Prebuilt Website Content After Import

Licensing For Stock Images Used On Prebuilt Websites,Important Details About Prebuilt Websites
Published Posts – Some of our prebuilt websites contain published blog posts. If you import on a live site, plugins like JetPack will notice new posts and push them out into your blog feed. Please disable any plugin that may do that before you import. After the import, you can remove the posts, or save them as drafts then re-activate the plugin.

Images & Videos – Our prebuilt website images and self-hosted videos are not included in the Avada license because many are licensed stock resources that cannot be re-used on other sites. For videos, prebuilt website imports include watermarked versions. To learn more about this, please see our 『Licensing For Stock Images Used On Prebuilt Websites』 article.

Sliders – We do not include all prebuilt website sliders because there are too many to import. However, we do include several examples. If you wish to download all websites sliders, please see our 『Licensing For Stock Images Used On Prebuilt Websites』 article.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada

Prebuilt Avada Websites Alternate Import Method

Avada comes with multiple prebuilt websites that can be imported with one click, through our prebuilt website importer. This method relies on the proper server configurations, so please check the System Status tab to view any areas of concern, marked in red. There could be rare occasions when the importer will not work, and you need to try an alternate method. Please read below for information on how to import prebuilt websites through our alternate method.
WARNING: Your site database will reset entirely using this alternative import method.How To Import Prebuilt Websites Through The Alternate MethodStep 1 – Install the required and recommended plugins for the prebuilt website you want to import. For example, Avada Core, Avada Builder, Revolution Slider, Layer Slider and any others that may be listed.
Step 2 – Install and Activate All-in-One WP Migration plugin.
Step 3 – Below is a list of our prebuilt website backup files. Download your desired alternate method backup file to your computer.
Step 4 – Navigate to the All-in-One WP Migration > Import tab on your WordPress admin sidebar.
Step 5 – Click on the Import From button, and choose File. Select the backup file you』ve just downloaded.
Step 6 – Once your import is finished, you will receive a warning that says the import process will overwrite your entire site database. Click the Continue button to proceed.
Step 7 – You will receive a success message once you』ve successfully imported the data. Click the 『Close』 button to return to the plugin page.
Step 8 – Once the update is complete, click Continue. You need to log back into the WordPress admin area using the following username/password details:
Username: admin Password: admin
Once logged back in, you can change your username/password back to your unique credentials.
Step 9 – Navigate to Avada > Options and click SAVE CHANGES to ensure the styles are set properly. All done!
IMPORTANT: When using the alternate demo method, after importing a demo you must load the Avada Theme Options Panel and save it, as noted above in Step 9.If you experience any issues with the import, such as broken styling and the like, please view our Frequently Asked Questions section below.Avada Prebuilt Website Download Files,Frequently Asked Questions1) My prebuilt website pages have styling issues. How do I fix this?If you』re experiencing styling issues, such as incorrect fonts, broken columns or unaligned sections, this may be because the Global Options haven』t loaded properly. Fortunately, this is very easy to fix. Go to the Avada > Options panel, and refresh the page. After refreshing the page, re-save the Global Options panel by clicking the 『Save Changes』 button. You don』t need to change any settings. After that, don』t forget to clear all your caches.
If that doesn』t work, try going through the process of refreshing the Global Options panel and re-saving it. If you』re still experiencing issues after one or two tries, please don』t hesitate to send us a support ticket.
2) My menu item links are returning 404 errors. How do I fix this?After importing a prebuilt website using the alternate method, you will need to re-save your permalinks. To do this, go to the Settings > Permalinks tab on your WordPress admin panel. Once there, click the 『Save Changes』 button at the bottom of the page to re-save your permalinks. After that, don』t forget to clear all your caches. If you』re still experiencing issues, please don』t hesitate to send us a support ticket.

Related Projects

Related Projects are Portfolio Posts which appear below each active portfolio post, and that have similar categories as the one being currently viewed.
Related Projects are a convenient way to show your viewers other projects that they may be interested in, based on the one they are currently viewing. You can choose to activate Related Posts globally under the Fusion Theme Options, or individually per post under the Fusion Page Options. Continue reading below to learn more about Related Projects and its included options.
Displaying Related Projects GloballyStep 1 – Navigate to the Avada > Theme Options > Portfolio > Portfolio Single Post sub-panel to access the portfolio single posts options.
Step 2 – Find the 『Related Posts』 option and switch it to On to display Related Posts on portfolio projects globally.
Displaying Related Posts Individually Per PostStep 1 – Navigate to the portfolio post you』d like to display Related Projects in, then to the Fusion Page Options box below the editor field.
Step 2 – In the Portfolio tab, set the Show Related Posts field to Default, Show, or Hide. The Default setting will keep the Fusion Theme Option setting. Show or Hide will override the Fusion Theme Option settings for the current post.
Related Project OptionsThe various options for Related Posts are located in the Avada > Theme Options > Extra > Related Posts / Projects sub-panel. These options also affect the Related Posts for Blog Posts. All of these options are global settings that cannot be overridden per post. Continue reading to learn more about each of these options.

Related Posts / Projects Layout – Controls the layout of the related posts/projects title text. Choose from title on rollover, or title below image to control where the titles are placed.

Number of Related Posts / Projects – Controls how many related posts/projects are displayed on each single portfolio or blog post. Accepts a numerical value. For example, 5.

Related Posts / Projects Maximum Columns – Controls how many columns are displayed. Choose from 1 to 6.

Related Posts / Projects Columns Spacing – IControls the amount of spacing between items. Accepts a numerical value. For example, 5.

Related Posts / Projects Image Size – Controls how your images are displayed. Choose between fixed, which will crop the image, or auto, which will display it at the original image ratio (not original image size).

Related Posts / Projects Autoplay – Allows you to turn the autoplay feature on the carousel On or Off.

Related Posts / Projects Speed – Controls the speed of related posts and projects carousel. Accepts a numerical value. For example, 1000. 1000 is equal to 1 second.

Related Posts / Projects Show Navigation – Allows you to turn the navigation buttons on the carousel On or Off.

Related Posts / Projects Mouse Scroll – Allows you to turn the mouse drag control feature on the carousel On or Off. When this is On, the links on posts will be disabled.

Related Posts / Projects Scroll Items – Allows you to control the number of items that scroll at one time. Accepts a numerical value. For example, 5. Set to O to scroll the number of visible items.
Related Information: Deprecated FAQ and Portfolio Page Templates

Portfolio Single Post Pages

At the core of the Portfolio system in Avada are the Portfolio Single Post Pages. Each portfolio item you create generates a corresponding Portfolio Single Post page. The single post page is the full portfolio post and associated content such as Featured Images, Project Details, Project URL text, Copyright URL text, etc. In this article, we will explain all the relevant sections in a single post page and how to configure it to your preferences.
Overview
Portfolio Single Post Screen

The Post Editor

The Custom Post Type Fields

Avada Page Options – Portfolio Tab,Portfolio Single Post ScreenThe following screenshot shows the various areas of the Portfolio Single Post Page.

The Post Editor – You can use either the WordPress editor or the Avada Builder to create your Portfolio Post Content.

The Custom Post Type Fields – This is where you add and assign Portfolio Categories, Skills, Tags, and Featured Images to your individual Portfolio posts.

The Portfolio tab of the Avada Page Options – Here you can override global options pertaining to the Portfolio Single Post, and further extend the post with embedded videos, and other project details.
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,The Post EditorThe Post Editor is where you add your page content for your Portfolio posts. Other content comes from the Custom Post Type Fields, and through the Portfolio tab of the Avada Page Options, so depending on the type of Portfolio Post you are making, you might add more or less content via the Editor. Avada allows you to use any editor on the single post pages, from the WordPress Editor, the Gutenberg Editor or the Avada Builder. To enable the Avada Builder, simply click the 『Avada Builder』 button above the WordPress Content Editor to access the Avada Builder. Any elements and content added to the post is treated exactly like regular page content.
As an example, this portfolio post on the Avada Agency demo has just two paragraphs of dummy text added through the Editor, while this post has a full Avada Builder layout.,The Custom Post Type FieldsThere are four fields added to the Portfolio Custom Post Type to allow you to add specific portfolio details to your posts – Portfolio Categories, Skills, Tags, and the Featured Images fields. These are accessed on the right-hand side of the page.

Portfolio Categories – Here, you can add and assign Portfolio Categories. Categories are pre-defined taxonomies used to sort and group content into different sections and making it easier for the user to filter and select the relevant portfolio items they prefer to view.
You can add Categories on the fly by clicking the + Add New Category link at the bottom of the Portfolio Categories section, or you can navigate to Portfolio < Portfolio Categories to set up your Categories independently. To assign Categories, check the box next to the Category name. These Categories are the filters that show above your portfolio items when displaying your Portfolio items with the Portfolio Element. They allow you to filter different types of projects.
When using the Portfolio Element, you can choose to pull posts by Category or Tag, so think about how you would like your Portfolio Filters to work. Category is the default option.

Skills – Here, you can add and assign any associated Skills to the post. Each skills tag is a meta link that your viewer can click to view similar types of portfolio posts.
You can add Skills on the fly by clicking the + Add New Skill link at the bottom of the Skills section, or you can navigate to Portfolio Slideshows > Post Slideshow Images and increasing/decreasing the number (min. 1 – max. 30).
For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field, found in the Portfolio tab of the Avada Page Options. See the Avada Page Options section below, for more details on that.,Avada Page Options > Portfolio TabThe Portfolio Tab of the Avada Theme Options is a very important part of the Portfolio post type. Here you can accept or override the global Portfolio Single Post Options on your individual post, and there are extra fields to add further information to your Portfolio items, such as the Video Embed field, and the Project and Copyright URL and Text fields.
Please see the Portfolio Post Options doc for the full range of options. Below, we will look at some of the less understood post options available.
IMPORTANT NOTE: Avada Page Options will override the global options set in Avada Theme Options.,Selecting The Column Width LayoutEach Portfolio post you create allows you to set the width of the Featured Image』s column. This option is called the 『Width (Content Columns for Featured Image)』 option and you can set it to be Full Width or Half Width. You can also set the entire Portfolio post to display 100% of the browser width.

Default – This is the global value that is set in Avada Theme Options > Portfolio > Portfolio Single Post > Featured Image Column Size.
Half Width – This option lets you set the Featured Image column on the left side of the screen, and the Project Description and Details column on the right side. View an example of a Half Width layout here.Full Width – This option lets you set the Featured Image to display full width on top of the page, and the Project Description and Details below it in two columns. View an example of a Full Width layout here.100% Width Page – This option lets you display the entire Portfolio Single Post page in 100% of the browser width. View an example of a 100% Width layout here.,Featured Image DimensionsThe Featured Image you upload to each post will show the full image ratio on the single post page by default. The width of the featured image will be set to the site width or the column width if you』re using a Half Width layout and the height is set to auto so it displays the original height. In addition to this, you can set a custom featured image width and height to control the size of the image. This is useful in specific situations when you need a custom featured image size.
The 『Featured Image Dimensions』 option (Image width and height) is located in the Avada Page Options > Portfolio section of the posts page. Values are set in pixels or percentage, ex: 100% or 100px. Or Use 「auto」 for automatic resizing if you added either width or height.,Featured VideosYou can also upload a Youtube or a Vimeo video to be displayed in the Featured Image section of the portfolio post. You can even have a combination of videos and images, displayed as a slideshow on the portfolio single post page. Read below to learn how to upload a Youtube or a Vimeo video.
How To Upload A Youtube/Vimeo VideoStep 1 – Go to the 『Portfolio』 tab on your WordPress admin sidebar and clicking 『Add New』 to add a new post.
Step 2 – Give your portfolio post a title and add your content as normal.
Step 3 – In the Avada Page Options box, switch to the 『Portfolio』 tab, then find the 『Video Embed Code』 option.
Step 4 – Enter the Youtube or Vimeo embed code into the provided field. You can find the embed code by clicking the 『Embed』 option on Youtube, and the 『Share』 option on Vimeo.
Step 5 – Click 『Save Draft』 or 『Publish』.,Project Description Title and Project DescriptionThe Project Description section is any content you insert in the WordPress Content Editor. This is usually the text description of the project, but it can also contain any of our elements. This is where you can put any descriptive content detailing your project. The Project Title Description option on the Portfolio tab allows you to add the Project Title automatically at the top of the content added in the Editor.,Project DetailsThe Show Project Details option shows the meta information relating to the project. For Full-Width layouts, the Project Details are placed in a sidebar next to the Project Description. For Half-Width layouts, they』re displayed below the Project Description.
The information shown in the Project Details consists of the Project categories, Skills and Tags added to each Portfolio Post, as well as the Project URL & URL Text, and the Copyright URL & URL Text.
Project URL & URL Text – This option lets you insert a Custom URL and text for the project. This is perfect for when you have an external link to show the viewer, or an internal link to another page or post of your site.Copyright URL & URL Text – This option lets you insert a Custom URL and text for the Project Copyright. This can be useful for a project that might have been a collaboration with another person or company.The key to understanding the Portfolio Single Post page is to understand how the various areas of the page contribute to the end result, and how you can use the Portfolio tab of the Avada Page Options to override the Single Post Global Options set in the Avada theme Options.
Once you have your Portfolio items created, you can think about how to display the Portfolio as a whole, which is done with the Portfolio Element. But before we do that, let』s have a deeper look at how the Global and Local Options affect the various parts of the Portfolio system.
Next Step: Portfolio Global Options

Portfolio Post Options

As part of the Fusion Page Options, on Portfolio Posts, you will find a Portfolio tab. On that tab, are all the individual portfolio and post settings that can be set for each Portfolio Post.
These are local options, which can be configured on a post by post basis to override the global theme options, or left as is to accept the global defaults. As an example, this post on the Agency demo has virtually every global portfolio option turned off or hidden, so on the single post, it displays as a regular page, whereas all but the first three portfolio items on the Agency demo are using global defaults, and showing Categories, Skills, Tags, etc..
IMPORTANT NOTE: Fusion Page Options will override any corresponding global options set in the Fusion Theme Options.View The How To Set Up A Portfolio In Avada Video to see the Portfolio Post Options in Action!,Portfolio Post Options
Show Previous/Next Pagination – Choose to show or hide the post navigation.

Use 100% Width Page – Choose to set this post to 100% browser width.

Width (Content Columns for Featured Image) – Choose if the featured image is full or half width.

Disable First Featured Image – Disable the 1st featured image on single post pages.

Featured Image Dimensions – In pixels or percentage, ex: 100% or 100px. Or Use 「auto」 for automatic resizing if you added either width or height.

Video Embed Code – Insert Youtube or Vimeo embed code.

Youtube/Vimeo Video URL for Lightbox – Insert the video URL that will show in the lightbox.

Show Project Description Title – Choose to show or hide the project description title.

Show Project Details – Choose to show or hide the project details text.

Project URL – The URL the project text links to.

Project URL Text – The custom project text that will link.

Image Rollover Icons – Choose which icons display on this post. Leave empty for default value

Custom Link URL On Archives – Link URL that will be used on archives either for the rollover link icon or on the image if rollover icons are disabled. Leave blank for post URL.

Open Portfolio Links In New Window – Choose to open the single post page, project URL and copyright URL links in a new window.

Show Author – Choose to show or hide the author in the Project Details.

Show Social Share Box – Choose to show or hide the social share box.

Show Related Projects – Choose to show or hide related projects on this post.

Show Comments – Choose to show or hide comments area.
Next Step: Displaying Portfolio Posts On Your Site

Portfolio Global Options

There is a range of both global and local options for the various parts of the Portfolio system. Here, let』s look at the various global options that affect the Portfolio.

General Portfolio Options

Portfolio Single Post Options

Sidebars > Portfolio Posts

Sidebars > Portfolio Archive

Avada Builder Elements > Portfolio Element,General Portfolio OptionsFirstly, the General Portfolio Options are located at Avada > Global Options > Portfolio > General Portfolio, from the WordPress dashboard. These options deal almost exclusively with portfolio archive page settings. Archive pages are the automatically generated pages you get when you click on a Portfolio Category, Skill, or Tag on the front end. These archive pages display according to the options chosen here. See the Portfolio Archives & Filters documentation for more information on this.

Portfolio Archive Layout – Controls the layout for the portfolio archive pages. Choose between Grid or Masonry.

Portfolio Archive Featured Image Size – Controls if the featured image size is fixed (cropped) or auto (full image ratio) for portfolio archive pages. Choose between Fixed or Auto. Note: 『Fixed』 will use a uniform image size generated by the theme. 『Auto』 will use the image』s natural size and scale according to your layout in proportion with itself.

Portfolio Archive Number of Columns – Controls the number of columns per row for portfolio archive pages. With Carousel layout, this specifies the maximum amount of columns. This ranges from 1 – 6. Note: Masonry layout does not work with 1 column.

Portfolio Archive Column Spacing – Controls the column spacing for portfolio items for archive pages. This is a pixel unit.

Equal Heights – Allows you to display grid boxes with equal heights per row. Choose between On or Off.

Portfolio Archive Content Position – Select if the title, terms, and excerpts should be displayed below or next to the featured images. Choose between Below Image or Next to Image.

Number of Portfolio Items Per Archive Page – Controls how many portfolio items to display on the portfolio archive page. -1 will display all and 0 will use the number set in WP Admin > Settings > Reading.

Portfolio Archive Text Layout – Controls if the portfolio text content is displayed boxed or unboxed or is completely disabled for portfolio archive pages. Choose between No Text, Boxed, or Unboxed.

Portfolio Archive Text Display – Controls how to display the post excerpt for portfolio archive pages. Choose between No Text, Excerpt, or Full Content.

Portfolio Archive Excerpt Length – Controls the number of words in the excerpts for portfolio archive pages.

Strip HTML from Excerpt – Allows you to strip HTML from the excerpt for portfolio archive pages. Choose between On or Off. Choose On to strip HTML, or Off to keep it.

Portfolio Archive Title Display – Controls what displays with the portfolio post title and categories for portfolio archive pages. Choose between Title and Categories, Only Title, Only Categories, or None.

Portfolio Archive Text Alignment – Controls the alignment of the portfolio title, categories and excerpt text when using the Portfolio Text layouts in portfolio archive pages. Choose between Left, Center, or Right.

Portfolio Archive Text Layout Padding – Controls the padding for the portfolio text layout when using boxed mode in portfolio archive pages.

Portfolio Archive Pagination Type – Controls the pagination type for portfolio archive pages. Choose between Pagination, Infinite Scroll, or Load More Button.

Load More Posts Button Background Color – Controls the background color of the load more button for ajax post loading for portfolio archives.

Load More Posts Button Text Color –Controls the text color of the load more button for ajax post loading for portfolio archives.

Load More Posts Button Hover Background Color – Controls the hover background color of the load more button for ajax post loading for portfolio archives.

Load More Posts Hover Button Text Color – Controls the hover text color of the load more button for ajax post loading for portfolio archives.

Portfolio Slug – Allows you to set a custom permalink when you use %postname% for your WordPress site』s permalink structure. This slug name cannot be the same name as a page name or the layout will break.

Meta Data Font Size – Controls the font size for metadata text. Enter value including any valid CSS unit, ex: 13px.,Portfolio Single Post OptionsThe Portfolio Single Post tab is below the General Portfolio tab. The options here cover the default options for the Portfolio Single Posts, which can also be overridden on a portfolio item by item basis. See below for the Global options and see the Portfolio Post Options for more info on how to override these options on a post by post basis.

Previous/Next Pagination – Turn on to display the previous/next post pagination for single portfolio posts.

100% Width Page – Turn on to display portfolio posts at 100% browser width according to the window size. Turn off to follow site width

Featured Image Column Size – Controls if the featured image is half or full width on single portfolio posts.

Featured Image / Video on Single Post Page – Turn on to display featured images and videos on single portfolio posts.

First Featured Image – Turn on to display the 1st featured image on single portfolio posts.

Project Description Title – Turn on to show the project description title on single portfolio posts.

Project Details – Turn on to show the project details title and content on single portfolio posts.

Open Portfolio Links In New Window – Turn on to open the single post page, project URL and copyright URL links in a new window.

Author – Turn on to display the author name on single portfolio posts.

Social Sharing Box – Turn on to display the social sharing box on single portfolio posts.

Related Projects – Turn on to display related projects on single portfolio posts.

Comments – Turn on to display comments on single portfolio posts.
767,641 Businesses Trust Avada
Get Avada767,641 Businesses Trust Avada
Get Avada767,641 Businesses Trust Avada
Get Avada,Sidebars > Portfolio PostsThere are also Portfolio options in the Sidebars > Portfolio Posts, and Sidebars > Portfolio Archive sections. These two sections allow you to control the display and content of any sidebars you might want on your Single Portfolio Posts and Portfolio Archive Pages.

Global Portfolio Post Sidebar 1 – Select sidebar 1 that will display on all portfolio posts.

Global Portfolio Post Sidebar 2 – Select sidebar 2 that will display on all portfolio posts. This can only be selected in Sidebar 1 is also selected.

Force Global Sidebars For Portfolio Posts – Turn on if you want to use the same sidebars on all portfolio posts. This option disables the Sidebars tab in the Avada Page Options on Portfolio Posts.

Global Portfolio Sidebar Position – Controls the position of sidebar 1 for all portfolio posts and archive pages. If sidebar 2 is selected, it will display on the opposite side.,Sidebars > Portfolio Archive
Portfolio Archive Sidebar 1 – Select sidebar 1 that will display on the portfolio archive pages.

Portfolio Archive Sidebar 2 – Select sidebar 2 that will display on the portfolio archive pages. Sidebar 2 can only be used if sidebar 1 is selected.,Avada Builder Elements > Portfolio ElementFinally, in the Avada Builder Elements > Portfolio Element area of the theme options, you can set the default behavior of the Portfolio Element, which as well can be overridden in any instance of the Element you place on a page.
View the Portfolio Elements documentation for more information on how to use this Element to display your Portfolio posts across your site.

Portfolio Featured Image Size – Controls if the featured image size is fixed (cropped) or auto (full image ratio) for portfolio elements. IMPORTANT: Fixed works best with a standard 940px site width. Auto works best with larger site widths.

Number of Columns – Set the number of columns per row. With Carousel layout, this specifies the maximum amount of columns. IMPORTANT: Masonry layout does not work with 1 column. Column Spacing – Controls the column spacing for portfolio items. In pixels.

Number of Portfolio Items Per Page – Controls the number of posts that display per page for portfolio elements. Set to -1 to display all. Set to 0 to use the number of posts from Settings > Reading.

Portfolio Text Layout – Controls if the portfolio text content is displayed boxed or unboxed or is completely disabled for portfolio elements.

Portfolio Text Display – Choose how to display the post excerpt for portfolio elements.

Excerpt Length – Controls the number of words in the excerpts for portfolio elements.

Strip HTML from Excerpt – Turn on to strip HTML content from the excerpt for portfolio elements.

Portfolio Title Display – Controls what displays with the portfolio post title for portfolio elements.

Portfolio Text Alignment – Controls the alignment of the portfolio title, categories and excerpt text when using the Portfolio Text layouts in portfolio elements.

Portfolio Text Layout Padding – Controls the padding for the portfolio text layout when using boxed mode in portfolio elements. Enter values including any valid CSS unit, ex: 25px, 25px, 25px, 25px.

Pagination Type – Controls the pagination type for portfolio elements. Choose from Pagination, Infinite Scroll, or Load More Button.

Load More Posts Button Color – Controls the background color of the load more button for ajax post loading for portfolio elements.
Next Step: Portfolio Post Options

Portfolio Featured Image Options

Every Portfolio Post you create requires a featured image. The featured image that you upload for a Portfolio Post will display on it』s Single Post Page (unless you disable it via the Avada Page Options), the Portfolio Element, Archive/Category Pages, and also on the Avada Recent Works Widget.
Avada offers different settings to customize how the featured image that is displayed. Please see below for more information regarding the different size options.
Portfolio Featured Image Size OptionsFixed SettingThe Fixed setting will crop each featured image to be the same size when displayed on the Portfolio Element. This gives a consistent look because each image is cropped to have the same width & height. View sample image here.
A Site Width of 940px will best display featured images set to Fixed. This option has to generate a predetermined image size for several conditions, and the sizes are based on a 940px site width. We cannot generate a predetermined size for all site width possibilities, so we chose to base it off a more common site width setting of 940px. If you use a site width larger than 940px, use the 『Auto』 setting which is explained below.
See below how Fixed Featured Images look on a site width larger than 940px
Auto SettingThe Auto setting will allow each featured image to show at their own respective original ratio (not cropped) on the Portfolio Element. This can result in a Masonry layout as the images you』re uploading may not be exactly the same size as one another. View sample image here.
If you want a consistent Grid layout using the Auto setting, simply make sure the images you』re uploading are the same size dimensions or the same aspect ratio. For example, if all the images are 1000px x 500px, they will look consistent in width and height and therefore give you a Grid layout. Alternatively, if some images are 1000px x 500px and others are 500px x 250px, they will still look consistent since they are the same 2 to 1 aspect ratio.
View below how the Auto Setting works with same sized featured images
767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada767,650 Businesses Trust Avada
Get Avada,Portfolio Featured Image OptionsAvada Global OptionsNavigate to Options > Portfolio > General Portfolio panel to find the 『Portfolio Archive Featured Image Size』 option. This is a global setting that will affect all Portfolio Archive pages.
On the Options > Extra > Related Posts / Projects panel you will find a Related Posts / Projects Image Size option that relates to the Related Projects when using Portfolios. Please see the Related Projects doc for more info.,Portfolio Element OptionsThe Portfolio Element has global options which sets the default Portfolio Featured Image Size. Find this at Avada > Options > Avada Builder Elements > Portfolio.
The Portfolio Element also has a 『Picture Size』 option that overrides the 『Portfolio Featured Image Size』 option in Avada Global Options. To keep the global settings in the Avada Global Options, select 『Default』 in the Element options.
NEW FEATURE: Thumbnails of featured images set on your Blog posts, Portfolio posts, FAQ items, and Avada Slider are now shown on the Posts, Portfolio, FAQs, and Fusion Sliders lists on the admin dashboard for your convenience. See example here.Further Information: Related Projects

Portfolio Archives & Filters

Portfolio ArchivesThe Portfolio Archive pages are automatically generated from the Categories, Skills, and Tags that you enter into your individual portfolio items. When you are viewing a portfolio item on the front end, and click on a Category, Skill or Tag, you will be taken to a Portfolio Archive page, filtered to that Category, Skill or Tag.
These pages cannot be edited directly but can be styled and configured via the General Portfolio Options, found in the Global Options at Avada > General Portfolio. Please see the Portfolio Global Options doc for more details on what can be configured here. You can also add Sidebars to them in the Avada > Sidebars > Portfolio Archive tab in the Global Options.
The items shown on the Archive pages pull their information from the individual Portfolio posts, including their Featured Image, Category, Skills, etc, so even if you are not displaying this information on the Single Portfolio Posts, it』s important it』s entered into the Portfolio tab of the Avada Page Options on each Portfolio item, so all your Portfolio Posts are shown when filtering.
Portfolio FiltersPortfolio Filters are an option in the Portfolio Element, and are used to allow your users to sort and filter your Portfolio items. You can assign Categories or Tags as the basis for the Portfolio filters, and you can show filters on both Grid and Masonry Portfolio layouts. The filter bar essentially allows your viewers to sort posts easily by a Category or Tag they are interested in, for a better user experience.
Tags and CategoriesPortfolio Filters are categories and/or tags assigned to your Portfolio posts. When any given post can be seen by users on the frontend, the categories or tags assigned to it will be in the Portfolio』s filter bar. If you』re not sure how to add categories or tags to your portfolio posts, you can follow the link below to get more information on creating Portfolio posts and the editor interface.
Read More About Creating Portfolio Posts How To Enable Portfolio Filters In The Portfolio ElementStep 1 – Edit the Portfolio Element by hovering over the element in the Fusion Builder and clicking the pencil icon button.
Step 2 – Ensure Masonry or Grid layout is chosen. The Portfolio Filters do not work with Carousel layout.
Step 3 – In the Show Filters option, you can choose Yes, Yes Without 「All」, or No. Select 「Yes」 or 「Yes without All」.
Step 4 – In the 「Pull Posts By」 setting, choose whether you』ll be using Categories or Tags to filter your posts.
Step 5 – In the available tags/categories field, enter the respective terms of the posts you』d like to display. Leave this option blank to display all categories or tags.
Step 6 – In the 「Posts Per Page」 option, select the number of posts you would like to display at one time in the Element. This can be up to 25.
Step 7 – Save the Element.
Show Portfolio Filters Options
Yes / Show – Selecting this option will show all the categories or tags of the posts currently being displayed. This option also includes an All filter on the front-end.

Yes Without 「All」/ Show Without 「All」 – Selecting this option will show all the categories or tags of the posts currently being displayed. This option does not include an All filter, so the posts showing will always be limited to a specific category or tag group.
No / Hide – Selecting this option will hide all filters entirely.Important Portfolio Filter InformationFilters will only work for posts that are actually on the current page. For example, a filter on page 1 cannot pull posts from page 2. So your choice of the number of posts per page, and the pagination chosen will have an effect on how the Portfolio Filters display.
「All」 FilterYou can choose to display an All filter to display all your posts, alongside the filters of the posts currently being displayed. On the other hand, you can also choose to just display the filters of the posts being displayed without the All filter. If the All filter is not used, the first filter is auto activated and only portfolio posts belonging to that category will be displayed on the page.
Infinite ScrollingCurrently, only filters from the categories of the first batch of posts that load on your page will appear above your posts. We』ve made it so when you scroll down the page to load more posts, the filters will automatically update to include any categories it may have excluded beforehand. Also, when you』re viewing a certain filter and load more posts, only posts within that filter will be shown.
Further Information: Portfolio Featured image Options