This article provides a brief outline of steps you need to take to setup your new Hosted account with the Total theme from scratch. If you chose a design when signing up, you may skip straight to Step 4 to begin customizing!
Step 1 - Install Plugins
Before you can load any page templates, or import full demo content, you will need to install the required plugins that come with your theme.
You will typically see a notice at the top of your page if plugins need to be installed:
Total requires Revolution Slider, LayerSlider, Templatera, WP Bakery Visual Composer and Contact Form 7 to be installed and activated. If you do not see this notice, click Plugins to ensure these are already active and skip to Step 2.
- Click Begin installing plugins
- Check the box at the top of the list to select all
- Choose Install under each plugin (we recommend doing them one at a time)
- This process may take several minutes to complete - do not navigate away from the page until finished. The page will refresh and show you Activate links when install is complete.
- Click Activate under each plugin (or check the box to select all and choose Activate from the Bulk Actions drop-down)
Bundled plugins such as Visual Composer, Revoution Slider, LayerSlider, etc that come with your theme are managed by the theme and cannot be updated manually from the main Plugins page. You may safely dismiss and ignore any update notices for these plugins.
Step 2 - Import Content
Next, you'll need to decide if you want to start building your site from scratch, or if you want to start from one of the demos. The benefit of starting from scratch is that you have the cleanest results and only the content you have created. When using a demo, you have the benefit of pre-made layouts you can customize, but will need to delete all the un-needed pages and posts later when you're ready to launch. Some demos load a great deal of content you may not use!
You may choose to load only demo page layouts, which import the individual page layouts shown in the various Avada demo sites, but without the images. This is suggested if you have existing WordPress content you plan to import.
- Click on Theme Panel at the bottom of your WordPress admin menu and choose Demo Importer
- Choose the demo you would like to load by clicking the thumbnail. You may click the blue Preview button to browse the demo online first if you wish. We recommend you only choose one demo to load to avoid conflicts.
- Click Next on the wizard that appears
- Choose what parts to import. For most new sites, all options should be selected.
- Click Import to begin the import.
Some Total demos require Revolution Slider or LayerSlider files to be imported. Please refer to the following link to locate your demo and download the package. You must unzip the download to find the individual import files.
To import Revolution Sliders:
- Click the link for your demo
- Click the Revolution Sliders link
- Click the zip file link (do not right-click and save)
- Click the download button and save to your desktop
- Click Revolution Slider menu option in your WordPress admin
- Click Import
- Browse to the downloaded zip and open
Step 3 - Configure WordPress
- Go to Settings > Permalinks
- Choose Post Name and click Save
Step 4 - Configure Theme Options
You can customize most aspects of your theme such as colors, fonts, layout and element visibility through the theme options panel.
- Click on Appearance > Customize to open the WordPress Customizer
- Go through each tab to customize the settings where desired while previewing on the right. Note that some options that affect dynamic elements such as hovers will not preview until the options are saved.
- Click Save Changes when finished
Common Settings to check are:
- Your Site Identity and Logo set under the Header tab
- Your General Theme Options
- The Social Icon links set under Social Media
- Your Copyright information under Footer Bottom
Step 5 - Customize Your Content
When editing Pages, Posts or Portfolio items designed using Visual Composer, you may edit the content of an element by hovering over it and clicking the pencil icon.
To delete and element, column or container, click the trash can icon
To change thw width of a column inside a Container, click the number button in the top-left corner of the column and choose your desired width. Widths are relative to the total number of columns in that row - 1/1 is one full-width column, 2/3 is two-thirds of a 3 column layout and so on.
For detailed documentation on Visual Composer and the various elements you can add, see the Visual Composer Academy videos
For detailed documentation on Total, Visual Composer and the various elements you can add, see the Total Documentation Suite