Library Basics – Avada Website Builder https://avada.com For WordPress & WooCommerce Wed, 04 Dec 2024 00:37:58 +0000 en-US hourly 1 https://wordpress.org/?v=6.6.1 Avada Builder Library Overview https://avada.com/documentation/avada-builder-library-overview/ Tue, 14 Mar 2023 20:19:58 +0000 https://avada.com/?post_type=documentation&p=892048

The Avada Library is a versatile feature in Avada, where you can save and deploy saved items. See How To Use The Avada Builder Library for full details of what you can do with this useful tool, but see below for a quick overview of the various Library tabs you see when opening the Library from the Library icon in the toolbar.

Websites

On this tab, you can import any page from any of the almost one hundred Avada prebuilt sites. On this screen, you can filter to website types, search for a specific website, or just scroll and select a prebuilt website.

Avada Library > Websites

When you select a website in this dialog, a further screen appears, allowing you to choose a specific prebuilt page to import.

Library > Websites > Add Prebuilt Page

Templates

This tab has a dual function. Enter a custom name in the text field provided, then click ‘Save Template’ to save your current page as a Custom Page Template. You can also load, edit and delete custom page templates you’ve already created.

Avada Library > Templates

Containers

View your saved Containers on this tab. You can delete and edit saved Containers here, but you can’t load them from the Library window. To load saved Containers, click the ‘Add Container’ button and switch to the ‘Library Containers’ tab.

Avada Library > Containers

Columns

View your saved Column sections on this tab. You can delete saved columns, but you can’t load them from the Library window. To load saved Columns, click the ‘Add Columns’ button and switch to the ‘Library Columns’ tab.

Avada Library > Columns

Elements

View your saved Elements on this tab. You can delete them, but you can’t load them from the Library window. To load saved elements, create a Column first. click ‘Add Element’ and switch to the ‘Library Elements’ tab.

Avada Library > Elements

Studio

The Studio tab is context sensitive, but from the main Toolbar > Library > Studio tab, you see all the page templates available in Avada Studio. When adding a Container, Column or Element, you can switch to the Studio tab to add this specific Avada Studo items. For more information, see the How To Use Avada Studio doc.

Avada Library > Studio
]]>
How To Upload And Use Custom Icons In Avada https://avada.com/documentation/how-to-upload-and-use-custom-icons-in-avada/ Tue, 11 Feb 2020 20:53:40 +0000 https://theme-fusion.com/?post_type=documentation&p=675847

With Avada, not only do you have access to the thousands of free Font Awesome icons, but you can also upload custom icon sets to use in Avada. Read on to see how this works, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.

Managing Custom Icon Sets

Custom icon sets are created and managed via the Avada > Icons section in the WordPress Dashboard.

Here, you can both create and manage custom icon sets. To make a new Custom Icon Set, give your set a name and click on Create New Icon Set. This will take you to the Edit Icon Set page. From here, there is a link to the supported icon tool – Icomoon. This link will open in a new tab, and you can create your icon set. If you already have an icon set downloaded, you could just select the file, but let’s go through the process of creating one.

Custom Icon Set

Generating A Custom Icon Set

Here in the Icomoon App, you can generate a custom icon set to upload. The first step is to select which icons you want in your Custom Icon set. There are a range of both free and paid icon packs you can import into the Icomoon App, and you can even import your own icons.

Once you have selected which icons you want in your set, you then generate the icon set, which you can then import into Avada. For a full rundown of what’s possible with the Icomoon App, please see their documentation.

Icomoon Name & CSS Prefix

Uploading Your Custom Icon Set

Once you have generated and downloaded your custom font set, you now need to upload it to your site.

Back on the Edit Icon Set page, you will find a simple upload interface to upload your custom font set. (There is also a shortcut to this page in any element that has the Icon Picker. Here you will find a Plus button in the top right corner of the Icon Picker, which takes you straight to the Custom Icon page.)

Adding Custom Icon Sets

To upload a Custom Font Set, simply give the Icon Set a name, and then click on the Select Files button. Navigate to your icon set (as a zip file) and select it.

Then just click Publish in the right hand side. This will load the Custom Icon set. If you need to update the set later on, there is an Update Custom Icon Set button you can use to reupload the set, as seen below. The icons will now be available through the Icon Picker, in their own tab.

Upload Custom Font Set

OK, that’s it. Your custom icon set is now installed. To use it, head to any element that uses an icon, including the Icon Element. There, you will see any custom icon sets at the top of the icon picker, and you can now just choose the set and select icons from that.

Using a Custom Icon Set
]]>
How To Use The Avada Builder Library https://avada.com/documentation/how-to-use-the-avada-builder-library/ Wed, 12 Sep 2018 04:02:07 +0000 https://theme-fusion.com/?post_type=documentation&p=510703

The Avada Builder Library allows you to create, save, and quickly redeploy any of your Avada Builder content, from complete page templates, through to Avada Studio content, Containers, Columns, and individual Elements. The Library also allows you to import individual pages from the Avada Prebuilt Websites, and create Post Cards and Mega Menus.

The Avada Builder Library can be accessed from several places, depending on what you are trying to do. From the back end at Avada > Library, you can both create new and edit existing Library content.

In the Avada Builder, there is a Save icon on Elements, Columns and Containers to save these items into the Library directly from the page content.

From the main Toolbar in the Avada Builder, you can access and deploy existing Library content, as well as Avada Studio content. Here, there are six main tabs – Websites, Templates, Containers, Columns, Elements, and Studio, organizing the various types of content into their own sections.

To learn more about each tab, please read the Library Window Tabs section in our article about Avada Builder’s Tools and Icons. Finally, when adding new Elements into your content, you will find a corresponding Library Tab, like the Library Containers Tab, with all saved Containers, and the Library Columns Tab, with all saved Columns etc.

Please read below to see how to take full advantage of the awesome Library in Avada Builder, and watch the video below for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.

What Can Be Saved To The Library

Avada Studio Content Blocks – From the Avada > Studio page, you can directly save any of the relevant content blocks directly to the Avada Builder Library. These are Studio Templates, Containers, Columns, Elements, and Post Cards. The other types of content blocks get saved to thier respective homes – Headers, Page Title Bars, Content Sections and Footers to the Layout Section page, Icons to the Icon Page, and Forms to the Form Builder page.

Custom Page Templates – When saving a full-page layout, it is saved as a Template. This includes all containers, columns and elements on the page and their settings, as well as the Page Template, any custom CSS set on the page via the Custom CSS icon on the Avada Builder, and any settings in the Avada Page Option panel.

This ensures that your page layout is intact and identical when you load it into another page. We’ve also added options that give you maximum flexibility on how to load the page template into a new or existing page. For more details, please read our Avada Builder Custom Page Templates article.

Containers – You can save individual Containers into the Library. This includes all columns and elements currently inside the Container, as well as their settings.

Columns – You can save individual Columns into the Library. This includes all elements currently inside it and their settings.

Elements – You can save individual Elements into the Library. This includes all its current settings, as well. Saved elements can be added back into the same sized columns, or larger or smaller ones as well.

How To Save Items To The Library

Apart from the Avada Studio Content, which is saved to the Library from the Avada > Studio page, most content is saved to the Library directly through the Avada Builder.

Step 1. Determine what section you’d like to save into the Library. Remember you can save an Element, a Column, a Container, or a full page layout.

Step 2. Click the appropriate ‘Save to Library’ icon, and the Library window will pop up, with the appropriate tab open. If you’re saving a Full-Page Layout, it will be saved under the ‘Templates’ tab. If you’re saving a Container, a Column, or an Element, it will be saved under the corresponding tab.

Step 3. Enter a custom name for your Library item. Use a descriptive name that will make it easy to find the item when redeploying. Once finished, click the ‘Save’ button, or hit Enter on your keyboard.

Step 4. When it has saved, the new Library item will appear in the Library contents. It is now available to be redeployed at any time. You can now close the Library window and return to your page.

Library > Save Container

Right Click Options

There are also right click options, including the ability to save items to the library. This can be used on Containers, Columns and Elements. Try it out, you’ll love it!

How To Load Items From The Library

Once you have saved any Templates, Containers, Columns and Elements to the Avada Builder Library, you can then easily load them anywhere, on any page, as many times as you’d like. Loading Containers, Columns and Elements not only loads the content itself, but also all its settings and options. This ensures that you load the exact same template you saved.

Let’s look at how you load the different types of Library content that is available.

Loading Custom Page Templates

Previously saved full-page templates can be loaded into any page from the Avada Builder Library. You have three options of how to load this type of content, including Replace all page content, Insert above current content or Insert Below current content. This makes it easy to add type of content to both new pages and pre-existing pages.

To load a Page Template:

Step 1. Create a new page or edit an existing one.

Step 2. Click on the Library tab in the Avada Builder toolbar.

Step 3. Select the Templates tab.

Step 4. Choose your saved Page Template from the Library Content area.

Step 5. Mouse over Load (or the plus symbol in Avada live) and select the loading method you prefer.

The template content will now load into the page.

Library > Load Page Template

NB. This is the Avada Builder (back-end) interface here, but it’s almost identical in Avada Live.

Loading Containers

How to load a saved Container from the Avada Builder Library depends on which interface of the Builder you are using, and whether it is an empty page, or already has content.

If it’s an empty page, there will be a + Container (Avada Builder), or Add Container link (Avada Live) on the starter page, and to access the saved Library containers, you simply click on this, switch to the Library tab and click on the saved container you wish to load.

If there is already content on the page, you just need to click on the Add Container icon, found in Avada Live on the Element Controls of the Container immediately preceding where you want the new container to go, or in Avada Builder with the + Container Icon can be located at the bottom right of every container. See images below.

Avada Live Starter Page
Add Container WIth Content
Loading a container on an existing page

Loading Columns

To load a saved column, you must first have a container to load it into.

Step 1 – Create or select a Container to load the Column into. You can add a blank Container or a pre-populated one, but the saved Column will load with the size it was saved with (1/1, 1/2, 1/3 etc.), so depending on any pre-existing Container content, the column might need to be resized or moved.

Step 2 – To access the Library, click on the Add Column Icon from the Element Controls of the preceding Column, or the empty Column added when you add a Container. In the back-end builder, click on the + Columns Icon at the bottom right of the Container (see images below).

Step 3 – On the Insert Columns dialogue that pops up, select the Library Columns Tab.

Step 4 – Click on the desired saved Column, and it will be inserted directly into your Container. Adjust as required.

Add Column WIth Content
Loading a column on an existing page

Loading Elements

To load a saved Element from the Library, in Avada Live, just click the + icon on the Element you wish to insert the saved Element after, and head to the Library Elements Tab. In Avada Builder, there is a + Element button at the bottom of every Column.

How to load a saved library element

Loading Prebuilt Avada Website Pages

With Avada, you can also import individual pages from any of the Avada prebuilt websites and customize them as you like.

When you import a single website page, you are not only importing the page layout and content, but also the page template that was used, any Avada Page options enabled, and any images on the page. Global options, Sliders, and Custom Post Types are not imported.

To import a Prebuilt Website Page:

Step 1 – Create a new page or edit an existing one.

Step 2 – Click on the Library tab in the top bar of the Avada Builder.

Step 3 – Select the Websites tab.

Step 4 – Choose your preferred prebuilt website from the list.

Step 5 – Select the page you want to import.

Step 6 – Choose Import to import the page content.

Avada Builder Library - Prebuilt Website Single Page Import

The Avada Studio Library Tab

The Avada Builder Library also plays a significant role in the saving and deployment of Avada Studio content. Let’s look at saving content first.

From the Avada > Studio page, there is a Library icon on each content block. Here you can save any of your favorite content blocks directly to the Library. This places them in their relevant area of the Library. For example if you save a Container from that page, it will be saved in the Library under the Library Containers tab, so you can redeploy it any time you wish.

Avada Studio > Save To Library

Global Elements

You can also save items to the Avada Builder Library as Global elements. This applies to Containers, Columns and Elements.

This allows you to set up one instance, that in turn can be deployed across your site, wherever you choose. Edit the Global Element once and see the changes populated across the entire site.

For more details on saving and deploying Global Elements, please read our Avada Builder Global Elements article.

Creating and Managing Avada Builder Library Assets

There is also an Avada Builder Library admin section, so you can easily create, manage, and edit your saved elements, columns, and containers, as well as your global elements, Post Cards and Mega Menus. You can edit them individually, delete them, and sort them per category type. The Library is found under Avada > Library, from the WordPress Dashboard.

Category types are labelled as Template, Container, Column, Element, and Post Card, and shown in different colors. Global items have the global icon. You can sort the items per category type or global items. The colored category types and the global icon can also be clicked to go to their corresponding list. For example, if you click Column label, it will go to the list of all your saved columns.

How To Create New Library Elements

You can save items to the Library when building page content, but you can also create Library Elements directly from the Library.

Step 1 – Select the type of Library Element you wish to create from the dropdown menu.

Step 2 – Give your Element a name and click Create Library Element.

Step 3 – You will be directed to a basic editor that looks like a page. Here you can add content. Depending on the Element type, there will be different options. Note: This is not a real page, only a saved template, post card, element, column, or container.

Step 4 – Design and build your Library Element using the Avada Builder.

Step 5 – When you are finished, click the Update button.

Create Library Element

How To Edit Saved Elements

Step 1 – When you hover over the title of the item in the Library you wish to edit; an Edit and Trash links will appear.

Step 2 – Click the Edit link.

Step 3 – You will be sent to the saved element, column, or container which looks like a page. Here you can edit the element, column, or container. View screenshot below. Note: This is not a real page, only a saved element, column, or container.

Step 4 – Make the necessary changes.

Step 5 – When you are finished, click the Update button.

Editing Saved Library Item

You will notice that the Library UI is slightly different for element, column, and container. Elements will only have the edit function, as you cannot add anything with it. Columns will have the edit function for the column, as well as edit, clone, and delete options for the element, and an option to add a new element. Containers will have the full options (e.g. add, edit, clone, and delete column; add, edit, clone, and delete element).

We have also added Right Click Options in the Element Library, so you can easily manage your saved global and non-global elements.

How To Delete Saved Elements

Step 1 – When you hover over the title of the item you wish to edit; an Edit and Trash links will appear.

Step 2 – Click Trash link. You can also choose to delete saved items in bulk by checking the check boxes, clicking the Bulk Actions dropdown menu and choosing ‘Move to Trash’, then clicking the Apply button. View screenshot below.

Step 3 – The item will be moved to the Trash list. If you hover over the item in the Trash, you can choose to restore it or delete it permanently.

Managing Library Assets
]]>
Avada Builder Library Global Elements https://avada.com/documentation/avada-builder-library-global-elements/ Mon, 20 Nov 2017 13:59:05 +0000 https://theme-fusion.com/documentation/fusion-builder-global-elements/

The Avada Builder Library gives you the ability to save Elements, Columns and Containers as Global Elements. This allows you to set up one instance that in turn can be deployed across your site, wherever you choose. Edit the Global Element once and see the changes populated across the entire site.

For privacy reasons YouTube needs your permission to be loaded.

Setting Up Elements, Columns or Containers As Global Elements

Step 1 – Hover over the element to show the options and click the Save Element icon. For Columns and Containers click the Save Column or Save Container icon.

Step 2 – Enter a unique name and check the box for “Save as Global”. Duplicate names are not allowed.

Step 3 – Click ‘Save as Global’ and ‘Save Element’, ‘Save Column’ or ‘Save Container’.

Step 4 – Click ‘Update’ to save the page/post.

Note: After editing/creating the Global Element, Column or Container remember to save the page/post if you want to retain the position of that Global item within that page/post. If you don’t save he page/post, you can always come back later and add the Global Element back into the page/post

Avada Builder Global Element - Saving

Adding Global Elements To Pages and Posts

Step 1 – To add a Global Element within your page/post, click the “Add Element” icon.

Step 2 – Click the Library Elements tab.

Step 3 – Select the Global Element you want to add. The globe icon indicates the element is a global element.

Step 4 – Click ‘Update’ to save the page/post.

Note: For Columns and Containers, just click the Add Column or Add Container buttons, and click the Library Columns or Library Containers. Then, select the Global Column or Global Container you want to use.

Avada Builder Global Element - Adding
Avada Builder Global Element - Library

How To Edit Global Elements

Step 1 – There are two ways to edit the Global Elements. One way is through the Library, which is the centralized editing area for editing saved global or non-global elements, found at Avada > Library, from the WordPress dashboard. For more information on this, click here. Another way, is by simply choosing any Global Elements instance within a page/post and edit.

Step 2 – As soon as you save the page/post, the changes will automatically be applied to all instances of that Global Element across the entire site (including the Widget section).

Step 3 – Click ‘Update’ to save the page/post.

Global items will have a globe icon and a different blue background color than normal Elements, Columns, and Containers, which have a white background color.

Note: To ensure that edits to a Global Item are deployed to all instances, wherever used within the site, remember to save the page/post.

Avada Builder Global Element - All Global Single

How To Delete Global Elements

Step 1 – There are two ways to delete the Global Elements. One way is through the Library, which is the centralized editing area for editing saved global or non-global elements, found at Avada > Library, from the WordPress dashboard. For more information on this, click here. Another way is to navigate to the Library tab from the Avada Builder on your page.

Step 2 – Click the Element, Column, or Container tab.

Step 3 – Click Delete for the global item you want to remove. The globe icon indicates the element is a global element.

Note: Deleting a single Global Element will remove all instances of the same Global Element across all pages and posts.

Avada Builder Global Element - Library Delete
Avada Builder Global Element - Delete

How to Unassign An Item As Global

Step 1 – Click the global icon on the element, column, or container you wish to unassign global status.

Step 2 – A confirmation message will appear asking if you want to remove global property. Click OK.

Note: This will only unassign the global status on the specific element, column, or container, and will not delete the saved global element, column, or container. If you wish to assign global status again, you may do so by saving it as global elements. See “Setting Up Elements, Columns or Containers As Global Elements” section above.

Unassign Global Container

Adding Global Elements To Widgets

Global Avada Builder Items (Containers, Columns, and Elements) can very easily be added to widgets, by simply copying and then pasting the Global Element Shortcode into the widget, as described below.

Step 1 – In the Avada Builder Library, locate the Global Element you wish to add to a widget.

Step 2 – In the Global column, you will see a shortcode. Select and copy that shortcode.

Step 3 – Navigate to the Appearance > Widgets tab to access the list of widgets and widget areas. The left-hand side shows all the widgets you can use. The right-hand side shows all the different widget areas you can add widgets to.

Step 4 – Drag and drop the Text widget into your chosen widget area on the right-hand side.

Step 5 – Paste the copied global element shortcode in the Text editor.

Step 6 – When finished, make sure to click the ‘Save’ button in the widget editing box to save your changes.

Global Element Shortcode

Translating Avada Builder Global Elements, Columns and Containers

If you are using the translation plugin, WPML, you can now translate Global Elements, Columns and Containers.

Translation support for Global elements is supported by:

  • WPML Multilingual CMS (4.0.6 or above)
  • WPML String Translation (2.8.6 or above)
  • WPML Translation Management (2.6.6 or above)

For more details on how to use this feature, please see WPML’s  specific Avada documentation.

Frequently Asked Questions

Currently global elements are edited anywhere they are located directly within the page or post. There is no centralized edit area for them. Find a page that uses the global element, edit it using the Avada Builder and then save the page. It will update all instances of the global element across the site.

Unfortunately that is not possible. You can take any content you have already made and save it as a global element. However, only that first instance will allow it to start being a global element that populates wherever else you use it. If you have a saved element in your Avada Builder Library that is used on several pages, saving that element as a Global element will not update it on all those pages. You would have to reinsert the saved global element.

Unfortunately, that is not possible and functionally, it is simply not necessary. Only Elements, columns, and containers can be saved as Global Elements. With an entire page though, you can save it into the Avada Builder Library as a Template, which allows you to reuse the page anywhere you want.

Nothing bad will happen, nothing breaks and the Global item is not lost. Saving for use in situ is a two step process. Selecting to set up an Element, Column or Container as Global and clicking ‘Save Element’, ‘Save Column’ or ‘Save Container’ saves it to the Avada Library at first, however, to retain the position of this global item within the page/post, you need to ‘Update’ the page/post.

Yes you certainly can, and any Elements added to Nested Columns can also be saved as Global Elements.
]]>
How To Import Single Prebuilt Website Pages In Avada https://avada.com/documentation/how-to-import-single-prebuilt-website-pages-in-avada/ Wed, 12 Oct 2016 11:42:56 +0000 https://theme-fusion.com/documentation/import-demo-pages-fusion-builder/

With the Avada Builder Library, you can import any page from any Avada prebuilt website. When you import a single prebuilt website page, you get the images and videos as part of the import.

If you wish to import everything from a prebuilt website, you should use the Avada Prebuilt Website Importer located on the Avada > Websites page. Please read below for important information about importing single prebuilt website pages using the Avada Builder Library, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.

What Comes With A Single Prebuilt Website Page Import

When importing a single prebuilt website page to your Avada website, you’ll receive almost an exact replica of the page as seen on the live website. I use the word almost, because there is some content and settings that are not imported with the page. Because of this, you will sometimes see differences in style and layout. If you’d like to import the exact replica of our live prebuilt websites, you’ll need to import the full prebuilt website, or a section of it.

Content & Settings That Are Imported With Single Pages

  • Entire Page Layout & Content – All Containers, Columns and Elements.
  • Page Template – Page Template set in the Page Attributes section on the Page Options > Settings tab.
  • Avada Page Options – Any Avada Page Options set for the prebuilt website page.
  • Stock Images / Videos – All images or videos used on the prebuilt website page.

Content & Settings That Are Not Imported With Single Pages

  • Global Options – Any global options set in the Avada Global Options.
  • Custom Post Types – Any custom post types, such as blog posts, FAQ items, portfolio items, WooCommerce products etc.
  • Sliders – Any type of slider such as Avada, Revolution, Layer, and Elastic.

Importing Single Prebuilt Website Pages

Step 1 – Create a new page or edit an existing one, in either Avada Builder, or Avada Live.

Step 2 – Click the ‘Library’ icon in the toolbar. This opens on the Websites tab.

Step 3 – Select the website you’d like to import a page from, or alternatively, paste a URL to a specific page at the top left of the dialog.

Avada Builder Library > Websites

Step 4 – Once you select a website, all the pages that are available to import will appear as a list.

Step 5 – To import the page, simply click the Import button that appears beside the page when you mouse over it. A dialog will appear showing you the progress of the import.

Avada Builder Library > Websites Import Page

After a few seconds, the content will load into the Builder. The page content is then fully editable as normal.

Avada Builder Library > Websites > Page Imported
]]>
Avada Builder Library Page Templates https://avada.com/documentation/avada-builder-library-page-templates/ Tue, 05 Jul 2016 12:39:18 +0000 https://theme-fusion.com/documentation/fusion-builder-custom-page-templates/

When saving a full page layout as a template, it will not only save the content on the page, but also the settings you’ve set for the page. This ensures that your page layout is intact and identical when you load it into another page. We’ve also added options that give you maximum flexibility on how to load the page template into a new or existing page. Please continue reading below to learn more about the saving a page layout as a template into the Avada Builder Library.

What Is Saved With A Template

When you save a page layout as a page template, it will also save the settings of the page itself along with the page content. These are the settings that are saved:

  • Entire Page Content – All Containers, Columns and Avada Builder Elements currently on the page.
  • Page Template – The page’s current ‘Template’ setting in the Page Attributes box.
  • Custom CSS – All custom CSS set on the page via the Custom CSS icon on the Avada Builder.
  • Avada Page Options – All your settings in the Avada Page Options panel.

How To Save A Page Layout As A Template

Step 1. Create a new page or edit an existing one. Ensure the Avada Builder, or Avada Live is active.

Step 2. On the Avada Builder main toolbar, you’ll find the ‘Save Page Layout’ icon on the right hand side. Clicking this icon will bring up the Library window. In Avada Live, click the Library Icon, and navigate to the Templates tab.

Step 3. Enter a name for your page template in the text box provided and then click the ‘Save Template’ button. Once saved, your custom page template saved in the library.

Step 4. Close the Library window.

Avada Builder Save Custom Page Template

Loading A Saved Page Template

When loading a saved page template into a new or existing page, you’ll be presented with three options; Replace All Page Content, Insert Above Current Content, or Insert Below Current Content. Selecting Insert Above Current Content or Insert Below Current Content does not import the Avada Page Options or the page template to prevent overwriting your current settings.

Replace All Page Content – Loads everything the custom template includes such as the entire page content, page template, custom CSS and Avada Page Options. Please note that selecting this option will overwrite everything currently on the page.

Insert Above Current Content – Loads the entire page content directly above your existing content. This setting appends any Custom CSS above existing code. This setting does not load the page template or the Avada Page Options.

Insert Below Current Content -Loads the entire page content directly below your existing content. This setting appends any Custom CSS above existing code. This setting does not load the page template or the Avada Page Options.

Avada Builder Load Template

How To Load A Saved Page Template

Step 1. With the Avada Builder enabled, click the ‘Library’ tab. This will open the Library window.

Step 2. On the ‘Templates’ tab, you’ll see a list of your saved page templates.

Step 3. When you hover over the ‘Load’ button of a saved template, (plus button in Avada Live) you will be presented with three options of how to load the template (Replace All Page Content, Insert Above Current Content, or Insert Below Current Content). Select one and the template will load.

Step 4. Close the Library window.

Avada Builder Load Saved Template
]]>