“Avada” Documentation by “ThemeFusion” v1.0.6

“Avada”

Created: 14th August, 2012
By: Theme Fusion
Support Forum

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to post a support question on our forum here. Thanks so much!

Important Info - top

Museo Slab 500 Heading font

Museo Slab 500 is the font used for all headings in our demo. It is a free font, but it is not allowed to be distributed commercially. Please use the link below to download the font. Be sure you are selecting the "Museo Slab 500" version, it is the only one that is $0. The other Museo Slab fonts cost money.

http://www.fontspring.com/fonts/exljbris/museo-slab

After downloading the font, install the theme, upload the font files in the "fonts" folder which is already created within the theme folder. Make sure you don't upload the Museo Slab folder but ALL the font files extracted from the museo slab download.

To activate Museo Slab, navigate to WP Admin -> Theme Options -> Appearance and select "Museo Slab" from headings font option.

Basic Installation - top

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find Advance.zip file which is the wordpress theme.

You can install the theme in two ways:

FTP: Extract Avada.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.

WordPress: Navigate to Appearance -> Add New Themes -> Upload page. Select Avada.zip file. Press the Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearence -> Themes page to activate the theme.

Migration from a theme - top

If you are migration from a theme which used the native featured images functionality of WordPress. Please use Regenerate Thumbnails plugin to resize all the thumbnails.

Importing The Demo Data - top

We have include the exported XML file from our demo, this allows you to quickly set up your theme the same way our demo is set up. Please note, the XML file does not include images or the slider data. Instructions on how to do this are below.

1.The XML file is included within the download package which will be used to import the content (minus slider setup). To configure slider, read the documentation.

2. Navigate to WP Admin -> Tools -> Import.

3. Select and install WordPress importer.

4. Select the XML file and upload it. It will in few minutes install and upload all content with images.

5. Now navigate to WP Admin -> Appearance -> Menus page and select the newly created menu and assign it to "Main Navigation" location.

6. Next, navigate to WP Admin -> Settings -> Reading Settings and set a front page and a posts page.

Setting up the Homepage - top

Homepages are built through a combination of shortcodes as seen of the demo. To setup similar homepages, create a new page with "Full Width" page template and paste the following code in the HTML editor.

Homepage 1:

[tagline_box link="http://themeforest.net/user/ThemeFusion" button="Purchase Now" title="Avada is incredibly responsive, with a refreshingly clean design" description="And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more!"][/tagline_box] [content_boxes] [content_box title="Responsive Design" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-02.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada is fully responsive and can adapt to any screen size. Try resizing your browser window to see the adaptation.[/content_box] [content_box title="Awesome Sliders" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-02.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both are super easy to use![/content_box] [content_box title="Unlimited Colors" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-03.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]We included a backend color picker for unlimited color options. Anything can be changed, including the gradients![/content_box] [content_box last="yes" title="500+ Google Fonts" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-04.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada loves fonts, choose from over 500+ Google Fonts. You can change all headings and body copy with ease![/content_box] [/content_boxes] [three_fourth last="no"] <div class="title"> <h2>Latest From The Blog</h2> </div> [recent_posts thumbnail="yes" title="yes" meta="yes" excerpt="yes"][/recent_posts] [/three_fourth] [one_fourth last="yes"] <div class="title"> <h2>What Client’s Say</h2> </div> [testimonial name="John Doe" company="My Company"]Neque porro quisquam est, dolorem ipsum quia dolor sit amet, consec tetur, adipi velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptis.[/testimonial] [/one_fourth]

Homepage 2:

[content_boxes] [content_box title="Responsive Design" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-01.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada is fully responsive and can adapt to any screen size, its incredibly flexible. Try resizing your browser window to see the adaptation in action.[/content_box] [content_box title="Awesome Sliders" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-02.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both of the sliders have awesome plugins making it super easy to use.[/content_box] [content_box last="yes" title="Unlimited Colors" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-03.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]We included a backend color picker for unlimited color options. Any of the elements can be changed, including the super awesome CSS3 gradients![/content_box] [/content_boxes] <div class="title"> <h2>Recent Work</h2> </div> [recent_works][/recent_works] [one_half last="no"] <div class="title"> <h2>Why Choose Us</h2> </div> <ul class="arrow"> <ul class="arrow"> <li>Fully responsive so your content will always look good on any screen size</li> <li>Awesome sliders give you the opportunity to showcase your important content</li> <li>Unlimited color options with a backed color picker, including the gradients</li> <li>Multiple layout options for the home pages, portfolio section and blog section</li> <li>We offer free support because we care about your site just as much as you do.</li> </ul> [/one_half] [one_half last="yes"] <div class="title"> <h2>What Client's Say</h2> </div> [testimonials] [testimonial name="John Doe" company="My Company"]Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetursir, adipisci velit, sed quia non numquam eius voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit estas laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras iumuis sdaip dolores amet untras uns voluptas.[/testimonial] [testimonial name="Luke Beck" company="Theme Fusion"]Aliquam erat volutpat. Quisque at est id ligula facilisis laoreet eget pulvinar nibh. Suspendisse at ultrices dui ipsum quia dolor sit amet, consec teturis, adipisci velit, sed quia non numquam eius voluptatem. Curabitur ac felarcu quisquam est, qui dolorem ipsum quia dolor sit amet.[/testimonial] [/testimonials] [/one_half]

Homepage 3:

[one_third last="no"] <img src="../../../../../avada/wp-content/uploads/2012/08/feature3.jpg" alt="" width="576" height="328"/> <h2>Ultra-Responsive Design</h2> Avada is fully responsive and can adapt to any screen size, its incredibly fast and flexible. Try resizing your browser window to see the adaptation in action. [/one_third] [one_third last="no"] <img src="../../../../../avada/wp-content/uploads/2012/08/feature2.jpg" alt="" width="576" height="328"/> <h2>Awesome Powerful Sliders</h2> Avada includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both of the sliders have awesome plugins making it super easy to use. [/one_third] [one_third last="yes"] <img src="../../../../../avada/wp-content/uploads/2012/08/feature1.jpg" alt="" width="576" height="328"/> <h2>Loaded With Options</h2> This theme is loaded, unlimited color options, 500+ google fonts, 4 post types, advanced theme options, 3 home page layouts, boxed & wide to name a few. [/one_third] <div style="margin-top:50px;" class="demo-sep"> </div> [one_half last="no"] [tabs tab1="Tab Data #1" tab2="Tab Data #2" tab3="Tab Data #3"] [tab id=1] <a href="http://themeforest.net/user/ThemeFusion"><img class="alignleft size-full wp-image-212" style="padding-bottom: 1em;" title="tab-photo" src="../../../../../avada/wp-content/uploads/2012/08/tab_photo.jpg" alt="" width="126" height="106"/></a>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerums facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam. [/tab] [tab id=2]Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips ameet quasi architecto beatae vitae dicta sunt explicabo. amets dolores.[/tab] [tab id=3]Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips ameet quasi architecto beatae vitae dicta sunt explicabo. amets dolores.[/tab] [/tabs] [/one_half] [one_half last="yes"] <div class="title"> <h2>Why Choose Us?</h2> </div> <ul class="arrow"> <ul class="arrow"> <li>Fully responsive so your content will always look good on any screen size</li> <li>Awesome sliders give you the opportunity to showcase your important content</li> <li>Unlimited color options with a backed color picker, including the gradients</li> <li>Multiple layout options for the home pages, portfolio section and blog section</li> <li>We offer free support because we care about your site just as much as you do.</li> </ul> [/one_half] <div class="title" style="margin-top:40px;"> <h2>Our Happy Clients</h2> </div> <a href="#"></a>

To setup one of these pages as Homepage, navigate to WP Admin -> Settings -> Reading Settings and set the newly created page as front page.

How to setup Sliders - top

Avada supports two types of slides, LayerSlider and FlexSlider. Both of the sliders can be added to any page. Add / Edit any page and scrolldown until you see page options. The slider options are located there. Screenshot:

FlexSlider

To setup flexslider, follow:

Navigate to FlexSlider WP -> Slider Groups and create a new group for slides.
Add new slides to the group
Insert the slider content in the content box. It can be image, text or video.
Select the FlexSlider group on the WP page.

LayerSlider WP

LayerSlider WP is a bit more complicated to setup. We have used our own bulit in skin, named "avada", which is a full width slider that extends the full width of the browser. The layer slider also comes with other skins that are not full width, they are all listed in the layer slider settings in your admin. The other pre-defined skins are: defaultskin, lightskin, darkskin and if you don't want to show any skin, use: noskin.

To set up your layer slider, navigate to LayerSlider WP on your left sidebar and a create a new slider. If you are using the "avada" skin, then you need to make sure you use these settings: width set to 100%, force responsiveness is set to disabled and skin name is set to "avada". This will make your layer slider look like the demo. But please keep in mind, the slider content in our demo is not included, each user has to make their own slides.

To create new slides, click on "Add New Layer" button and to add new content and animations over it, click on" add new sub layer" button for each different element you want to add. Once you've made your slides, hit save and then you can select the LayerSlider number from the WP page options as previously described.

Please Note: We have included a folder called "layer_slider_documentation" that contains the documentation from the author of the slider. We have also included another folder called "layer_slider_example_settings" that contains the exported slider data from our demo slides, and important notes with example settings and mages that show you how to correctly position your sublayers if you are using the "avada" skin. Both of those items are located in the "documentation" folder within the downloadable package, please refer to that for more info on how to setup layers / sublayers. We highly recommned reading over the "layer_slider_example_settigns.txt" file, it has a lot of good information and should be read if you have issues postitiong your sublayers. To always have your sublayers in the exact same position on any resolution, you need to add additional HTML/CSS markup to your sublyaers, and we have outlined how to do this in those files. If you do not want to have to add additional HTML/CSS to your sublyaers, then please use one of the default skins, such as "defaultskin".

Importing the Layer Slider Demo Data: We have included the exported data from our demo slides. You can import the demo data of the layer slider in the layer slider settings at the top, but this data is ONLY USED so you can see the settings we used on our slides. It does not include all the different images so it will not look like the slides in our demo. Please only import it if you want to see our settings. You will still need to "create a new layer slider" for your own slides.

Setting up the Blog page - top

Create a new page, empty content, a placeholder for blog page.

Navigate to WP Admin -> Settings -> Reading and change the posts page to the placeholder page for blog you just created. Posts will show up on the blog page.

Setting up the About Us / Services Page - top

Create a new page with full width template and paste the following code in the HTML editor:

About Us:

[one_half last="no"] [slider][slide]http://theme-fusion.com/avada/wp-content/uploads/2012/08/about_1.jpg[/slide][slide type="video"]<iframe src="http://player.vimeo.com/video/46664156" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>[/slide][slide link="http://google.com"]http://theme-fusion.com/avada/wp-content/uploads/2012/08/about_2.jpg[/slide] [slide]http://theme-fusion.com/avada/wp-content/uploads/2012/08/about_3.jpg[/slide][/slider] [/one_half] [one_half last="yes"] <div class="title"> <h2>Welcome to Avada</h2> </div> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla. [/one_half] [one_half last="no"] <div class="title"> <h2>Who is Avada?</h2> </div> [toggle title="Our Company Mission"]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle] [toggle title="The Avada Philosophy"]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle] [toggle title="The Avada Promise"]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle] [toggle title="We Can Deliver On Projects"]Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.[/toggle] [/one_half] [one_half last="yes"] <div class="title"> <h2>Our Crazy Skills</h2> </div> <div id="progress-bars">[progress percentage="90"]Web Design[/progress][progress percentage="95"]HTML/CSS[/progress] [progress percentage="85"]Graphic Design[/progress] [progress percentage="75"]WordPress[/progress] </div> [/one_half] <div class="title" style="margin-top: 60px;"> <h2>Meet Our Team</h2> </div> [one_third last="no"] [person name="John Doe" picture="http://theme-fusion.com/avada/wp-content/uploads/2012/08/team1.jpg" title="Developer" facebook="http://facebook.com" twitter="http://twitter.com" linkedin="http://linkedin.com" dribbble="http://dribbble.com"]Redantium, totam rem aperiam, eaque ipsa qu ab illo inventore veritatis et quasi architectos beatae vitae dicta sunt explicabo. Nemo enim.[/person] [/one_third] [one_third last="no"] [person name="John Doe" picture="http://theme-fusion.com/avada/wp-content/uploads/2012/08/team2.jpg" title="Developer" facebook="http://facebook.com" twitter="http://twitter.com" linkedin="http://linkedin.com" dribbble="http://dribbble.com"]Redantium, totam rem aperiam, eaque ipsa qu ab illo inventore veritatis et quasi architectos beatae vitae dicta sunt explicabo. Nemo enim.[/person] [/one_third] [one_third last="yes"] [person name="John Doe" picture="http://theme-fusion.com/avada/wp-content/uploads/2012/08/team3.jpg" title="Developer" facebook="http://facebook.com" twitter="http://twitter.com" linkedin="http://linkedin.com" dribbble="http://dribbble.com"]Redantium, totam rem aperiam, eaque ipsa qu ab illo inventore veritatis et quasi architectos beatae vitae dicta sunt explicabo. Nemo enim.[/person] [/one_third] <div class="title" style="margin-top: 60px;"> <h2>Our Happy Clients</h2> </div> <a href="#"></a>

Services:

[one_half last="no"] [slider][slide]http://theme-fusion.com/avada/wp-content/uploads/2012/08/service1.jpg[/slide][slide type="video"]<iframe width="560" height="315" src="http://www.youtube.com/embed/UX7GycmeQVo" frameborder="0" allowfullscreen></iframe>[/slide][slide link="http://google.com"]http://theme-fusion.com/avada/wp-content/uploads/2012/08/service2.jpg[/slide] [slide]http://theme-fusion.com/avada/wp-content/uploads/2012/08/service3.jpg[/slide][/slider] [/one_half] [one_half last="yes"] <div class="title"> <h2>Avada’s Four Areas of Expertise</h2> </div> Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla. [/one_half] [content_boxes] [content_box title="Responsive Design" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-02.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada is fully responsive and can adapt to any screen size. Try resizing your browser window to see the adaptation.[/content_box] [content_box title="Awesome Sliders" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-02.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada includes the awesome Layer Parallax Slider as well as the popular FlexSlider2. Both are super easy to use![/content_box] [content_box title="Unlimited Colors" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-03.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]We included a backend color picker for unlimited color options. Anything can be changed, including the gradients![/content_box] [content_box last="yes" title="500+ Google Fonts" image="http://theme-fusion.com/avada/wp-content/uploads/2012/07/ico-04.gif" link="http://themeforest.net/user/ThemeFusion" linktext="Learn More"]Avada loves fonts, choose from over 500+ Google Fonts. You can change all headings and body copy with ease![/content_box] [/content_boxes] <div class="title"> <h2>Avada’s Other Services</h2> </div> <p style="margin-bottom: 30px;">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi archgit, magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor ins. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minimaser.</p> [tabs tab1="Service #1" tab2="Service #2" tab3="Service #3"] [tab id=1] <div class="alignleft" style="width: 100%; margin-right: 0;"> Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips ameet quasi architecto beatae vitae dicta sunt explicabo. amets dolores. <a href="#"></a> <ul class="arrow"> <li>Cras rutrum leo at odio volutpat donec fermentum porttitor nunc maecenas quis Etharums ser quidem rerum facilis</li> <li>Aenean faucibus sapien a odios suspendisse venenatis euismod cras dolores amets unsers fugiats.</li> </ul> </div> [/tab] [tab id=2]<a href="http://themeforest.net/user/ThemeFusion"><img class="alignleft size-full wp-image-212" style="padding-bottom: 1em;" title="tab-photo" src="../../../../../avada/wp-content/uploads/2012/08/tab_photo.jpg" alt="" width="126" height="106"/></a>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerums facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud neque porro quisquam Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla dolores ipsums fugiats voluptas amet uns. [/tab] [tab id=3]<a href="#"></a>Lid est laborum dolo rumes fugats untras. Etha rums ser quidem rerum facilis dolores nemis onis fugats vitaes nemo minima rerums unsers sadips amets. Ut enim ad minim veniam, quis nostrud Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci amets uns. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips ameet quasi architecto beatae vitae dicta sunt explicabo. amets dolores. [/tab] [/tabs] <div style="margin-top: 110px;"> [one_half last="no"] <div class="title"> <h2>Why Choose Us?</h2> </div> <ul class="arrow"> <ul class="arrow"> <li>Fully responsive so your content will always look good on any screen size</li> <li>Awesome sliders give you the opportunity to showcase your important content</li> <li>Unlimited color options with a backed color picker, including the gradients</li> <li>Multiple layout options for the home pages, portfolio section and blog section</li> <li>We offer free support because we care about your site just as much as you do.</li> </ul> [/one_half] [one_half last="yes"] <div class="title"> <h2>What Client's Say</h2> </div> [testimonials] [testimonial name="John Doe" company="My Company"]"Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consec tetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minimas veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur slores amet untras vel illum qui."[/testimonial] [testimonial name="Luke Beck" company="Theme Fusion"]"Aliquam erat volutpat. Quisque at est id ligula facilisis laoreet eget pulvinar nibh. Suspendisse at ultrices dui. Curabitur ac felis arcu."[/testimonial] [/testimonials] [/one_half] </div>

Setting up the Contact page - top

Create a new page and select "Contact" page template for the contact us form to show up.

To add a email address and map, scroll down and look for contact info options.

Setting up FAQs page - top

Create a new page and select "FAQs" page template.

To add new FAQs, navigate to WP Admin -> FAQs page.

Setting up Side Navigation - top

To setup side navigation, create a new page and select "Side Navigation" template from the dropdown field. To show other pages on the side navigation, create new pages as child pages of the first page and make sure all of them also have "Side Navigation" as their page template.

Setting up the Portfolio - top

To setup a portfolio page, create a new page and select "Portfolio One" to "Portfolio Four" from page template.

To add items to the portfolio, navigate to WP Admin -> Portfolio page.

Menus - top

Avada supports custom WordPress menu with two level dropdown support.

To setup the menus, navigate to Apperance -> Menus page. Enter a name for your menu and add links to the menu by using the options given on the left sidebar. You can manage your menus using the drag and drop functionality. After setting up your menu, select the menu you just created from the theme locations dropdown box and hit the "Save" button.

Custom Widgets & Locations - top

Avada as 2 widget areas which are for unlimited sidebars and footer. Avada comes with 10+ custom widgets. To setup sidebar and footer, navigate to Apperance -> Widgets and use the drag and drop interface to drop widgets into the sidebar or footer widget area.

Unlimited Sidebars

By default, Avada comes with one sidebar option, "Blog Sidebar", widgets in blog sidebar will show up as default on all pages. However, for wordpress pages, you can create custom sidebars and select a different sidebar with different pages for each widget. To create a sidebar, navigate to WP Admin -> Sidebars. After that, you can select the sidebar for your page by editing it.

Theme Options - top

The theme comes with a simple to use administration panel. You can access it by navigating to Appearance -> Theme Options. The theme options are conveniently spread over a number of tabs and each tab contains the options that pertain to a particular area of the theme.

Shortcodes - top

Avada comes packed with 16+ shortcodes allowing you to add complex styled content with little effort. The shortcodes are available under the usual formatting options on the post / page text editor. Make sure you are on the "visual editor" tab, the shortcode bẗtons are on the second row. Simply hover over a button to see which shortcode it is and then click it and the shortcode will be automatically added, then you need to populate the content.

Post Thumbnails - top

Avada uses the WordPress Post Thumbnails function, this way you can upload one image and WordPress will automatically resize it to all the different thumbnail sizes.

To set a post thumbnail for your post, go to Posts > Add New > Set Featured Image > the normal upload box will now appear, upload your image and click "Use as featured image".

Hot To Setup Post Slideshow - top

Slideshow works on posts / gallery and portfolio.

For the slideshow to show up on the posts / portfolio page, apart from the post thumbnail, upload more images to the post. It will automatically build a slideshow.

For videos, just paste the video embed code while editing a post in the post options box.

How to Translate - top

The translation file is located in languages folder (/wp-content/themes/Avada/languages). Edit the .po file using POEdit, use the translation field to make replacements.

From the file menu, save file with your language name e.g de_DE.po. It will generate both a .po and .mo file for your translation.

Next edit wp-config.php located in the root folder of wordpress and define the WPLANG prefix with your language name which should be similar to the translation file name.

CSS - top

The CSS files are listed below and we have inlcuded a "custom CSS" field in the theme options for users to isnert their own custom CSS. Please be sure to put any custom CSS in that field and not in the all.css file. Anything in the custom CSS field will override the all.css file.

all.css - Default CSS
prettyPhoto.css - Located in the css folder of the theme. CSS for lightbox.
style.css - Placeholder stylesheet

Javascript - top

js/jquery.cycle.js - jQuery Cycle is used for slider shortcode.
js/jquery.prettyPhoto.js - jQuery PrettyPhoto is used for the lightboxes.

Sources and Credits - top

We've used the following images, icons or other files as listed.

jQuery - http://jquery.com/

Once again, thank you so much for purchasing this theme. As we said in the beginning, we will be happy to help you if you have any questions relating to this theme. We take pride in our work and care about our users. Thanks again!

Theme Fusion

Go To Table of Contents