In order to install the theme you need to have a WordPress copy already installed on your own server.

Installing Sway Theme from the WordPress admin dashboard:

1. Head to Appearance > Themes.
2. Click the Add New button at the top of the screen and click the Upload Theme button.
3. Upload the sway.zip file from your computer and click Install Now.
4. Once you activate Sway, you will see a notification message to install and activate the required & recommended plugins.
5. Install the following required plugins: WPBakery Page Builder, Slider Revolution, Redux Framework, KeyDesign Addon, Contact Form 7 and Breadcrumb NavXT. The WooCommerce plugin is recommended only if you are planning on building a website with eCommerce capabilities. Read more about it here.
6. Once you have installed the required plugins, proceed with the Demo Contents import.

Having trouble trying to install the theme? Please see Cannot upload the theme article.

FTP installation

1. In order to install the theme you need to have a WordPress copy already installed on your own server.
2. Log into your hosting account via your FTP software client (FileZilla, WinSCP, Transmit or your preferred FTP client).
3. Unzip the sway.zip file. Use only the extracted Sway theme folder.
4. Upload the extracted Sway theme folder into wp-content > themes folder and wait for the upload.
5. Activate the newly installed theme by navigating to Appearance > Themes and clicking the Activate button.
6. Once you activate Sway, you will see a notification message to install and activate the required & recommended plugins.
7. Install the following required plugins: WPBakery Page Builder, Slider Revolution, Redux Framework, KeyDesign Addon, Contact Form 7 and Breadcrumb NavXT. The WooCommerce plugin is recommended only if you are planning on building a website with eCommerce capabilities.
8. Once you have installed the required plugins, proceed with the Demo Contents import.

Video tutorial:

Important: To get access to the theme Demo Importer please register and activate the theme.

The fastest way to import our demo content is to use the Demo Content Importer. The Demo Content Importer provides you with all of Sway’s pages and posts, sample sliders, widgets, theme options, assigned pages, and more. Using this import feature is recommended for fresh installs.

If this is the first time using Sway theme, we recommend starting with one demo variation (elements from different demo variations can be reused). You will then have everything needed to begin, it makes it easier to understand how the theme works and you can avoid having to create everything from scratch. Here is what you have to do:

1. Check the System requirements to ensure your server meets the requirements for a successful import.
2. Make sure all theme required plugins are installed and activated.
3. Navigate to Sway > Import Demos
4. Select a demo variation and click the Import button.
5. Wait until the import routine is done. Please be patient and don’t navigate away, as this can take few minutes depending on your host’s performance.
6. You will be notified once the process is completed, at which time you can check the results.

Having trouble trying to import the theme demo content? Please see Demo import problems article.

Video tutorial:

Header

• Hide header – hide the Header area (logo and navigation bar). This is useful for building landing pages.
• Transparent navbar – set a transparent background color to the main navigation area 
• Transparent menu link color – overwrite menu links color. This option will also overwrite icons and topbar texts colors.

Title Section

• Hide page title section – hide the title bar section 
• Hide breadcrumbs – hide the page breadcrumbs
• Page subtitle – enter the page subtitle text
• Title text align – control the alignment of the title, subtitle and breadcrumbs
• Title and subtitle color – select the title, subtitle and breadcrumbs title color
• Title bar background color – select the title bar background color
• Title bar top padding – specify the title bar top padding value (Default: 200px). Used to adjust the title bar height.
• Title bar bottom padding – specify the title bar bottom padding value (Default: 100px). Used to adjust the title bar height.
• Header background image size – select the background image size.
• Header background image position- select the background image position.

Layout

• Background color – select the page content color
• Top padding – control the top spacing of the page
• Bottom padding – control the bottom spacing of the page

Footer

• Hide footer – hide the Footer area. This is useful for building landing pages.
• Fixed footer – option to enable/disable the footer fixed scroll effect. This option can be globally controlled in Theme Options > Footer.
• Top padding – control the top spacing of the footer area.
• Bottom padding – control the bottom spacing of the footer area.

Video tutorial:

1. Edit your portfolio page and find/edit the Post Masonry Grid element
2. Go to Data Settings and from ‘Order by’ field
3. Select Menu order/Page order.
4. edit each portfolio item and select its order by entering the order number in the ‘Order’ field ( found under post attributes on the right side of the page).

Video Tutorial:

Want to create a new portfolio grid? Please see the Create a portfolio grid article.

Want to change settings of the portfolio items? Please see the Portfolio Theme Options article.