Avada – A Highly Customizable Multipurpose WordPress Theme

Avada is a fully responsive and highly customizable WordPress theme that offers you unlimited flexibility and lets you build any kind of website you need for any type of business without having to touch code ….

Avada – A Highly Customizable Multipurpose WordPress Theme

If you are looking for a fully responsive and highly customizable WordPress theme that offers you unlimited flexibility and lets you build any kind of website you need for any type of business without having to touch code, then you would be hard pressed to find a better theme than Avada.

Avada

Avada WordPress Theme

(Avada WordPress Theme)

Avada is one of the best-selling WordPress themes of all time. It installs with over 40 pre-made fully-featured websites and over 255 pre-made web page designs …

Avada installs with 40+ pre-made websites and 255+ web page designs

(Avada installs with 40+ pre-made websites and 255+ web page designs)

Avada integrates with WooCommerce and comes with a number of store demos allowing you to easily set up an online store and sell your products …

Avada integrates easily with WooCoomerce

(Avada integrates easily with WooCoomerce)

With Avada, you literally can build anything online, from websites for micro-businesses and small businesses, to corporate websites and blogs, portfolio websites, e-commerce stores, and more!

The Avada WordPress theme lets you build anything online!

(The Avada WordPress theme lets you build anything online!)

This premium theme is used by hundreds of thousands of websites and sells for around $60.

Check out the Avada demo.

Avada Theme Options

The Avada theme is easy to install, configure, and use.

Once installed, Avada adds its own menu section in the WordPress admin menu, giving you access to guided tours, support, documentation, system status, additional plugins and theme options …

Avada menu section

(Avada menu section)

Avada offers an incredible amount of flexibility allowing you to build a unique-looking website. The Theme Options menu provides thousands of highly configurable options neatly organized into sections that allow you to build and customize your website without any coding knowledge …

Avada theme options menu

(Avada theme options menu)

The image gallery below contains screenshots of the Theme Options menu …

(Avada Theme Options – Settings)

Avada also includes plugins like Fusion Builder that lets you create unique pages using drag and drop …

Avada lets you build unique web pages using drag and drop

(Avada lets you build unique web pages using drag and drop)

Fusion Builder provides you with a huge library of functionality (called ‘elements’) that you can add to your pages …

Fusion Builder elements

(Fusion Builder elements)

Avada Theme Support

The Avada theme developers provide excellent customer support and regular theme updates …

Avada theme is regularly updated

(Avada theme is regularly updated)

The Avada theme comes with 6 months of free technical support (extended through an annual subscription), plus access to documentation, product knowledgebase, video tutorials, community forum, and Facebook group …

Avada theme developers provide great customer support

(Avada theme developers provide great customer support)

Avada Theme – Additional Info

In addition to all the configurable options, plugins, templates, and design elements included with the theme, Avada is:

  • Fully Responsive: Your website will adapt and look great on every device, web browser, and screen size.
  • Translation & RTL-ready: You can translate your site into any language, or use one of dozens of included language files. Avada is also fully RTL (right-to-left) compatible.
  • Layout: Control the overall site width, main content area, and single and dual sidebar widths using pixels or percentages. Choose full-page or boxed layouts for different pages, advanced header and footer options, multiple menu locations, 1-6 column options, mega menus with widgets, page title bars, different types of sliders, lightboxes, custom backgrounds, one page sites with parallax scrolling effects, multi-page sites, etc.
  • Blog: You can run a website or e-commerce store as your main website and a blog with a different layout and customizable blog options. You can also add a forum, portfolio pages, etc.
  • Unlimited Colors: Avada provides unlimited color choices and options for your website and page elements using an advanced color selection tool.
  • Advanced Typography: Avada offers advanced typography options that give you full control over the type that displays on your website.
  • Social Sharing: Avada has a full set of social icons and styling options for sharing your content.
  • SEO and Speed Optimized – The theme is optimized for search engine indexing and a great user experience.

Watch the video below for a guided tour of the Avada theme …

(Avada WordPress Theme – video tour)

In short, no matter what business you are in or what kind of website you plan to build, with a theme like Avada installed on your WordPress site, you can easily build and configure a unique website that lets you do whatever you need, that puts you in control of your digital presence, and that will save you hundreds or even thousands of dollars on the cost of web development or web design.

For more details about this excellent WordPress theme, or to view demo options, review customer testimonials, etc. go here: Avada Theme

***

"I was absolutely amazed at the scope and breadth of these tutorials! The most in-depth training I have ever received on any subject!" - Myke O'Neill, DailyGreenPost.com

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site and the products and services offered on this site are not affiliated, associated, endorsed, or sponsored by WordPress, nor have they been certified, reviewed, or tested by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, reviewed, or linked from this site.

***

Did you enjoy this post? If so, please consider using the share buttons below to share this page with other blog owners.

How To Edit Your WordPress Theme Using The WordPress Theme Customizer

Learn how to customize the appearance of your WordPress theme using the WordPress Theme Customizer and WordPress Live Preview feature.

How To Edit Your WordPress Theme Using The WordPress Theme CustomizerWordPress themes provide non-techie website owners not only with an incredible choice of professional web design options and layouts but also great versatility and the ability to further customize the theme and create a unique look and feel for their sites.

In this step-by-step guide for non-techies, we’ll look at how to edit your WordPress theme using the WordPress Theme customizer and explore the options and settings of the WordPress Theme customizer menu.

How To Edit Your WordPress Theme Using The WordPress Theme Customizer

To access the WordPress Theme customizer, log into WordPress, then go to the main menu and select Appearance > Customize

WordPress menu: Appearance > Customize

(WordPress menu: Appearance > Customize)

This brings up the WordPress Theme Customizer screen …

WordPress Theme Customizer screen

(WordPress Theme Customizer screen)

The Theme Customizer screen allows you to edit and configure your theme settings and preview changes live before committing these to your site …

WordPress Theme Customizer: Theme options menu and live preview screen

(WordPress Theme Customizer: Theme options menu and live preview screen)

WordPress Theme Customizer – Live Preview Feature

The Live Preview section contains clickable edit buttons …

Click to edit WordPress theme elements

(Click to edit WordPress theme elements)

Clicking on the edit buttons brings up relevant sections of the Customizer menu and allows you to edit theme elements in live preview mode …

Edit WordPress theme elements in live preview mode

(Edit WordPress theme elements in live preview mode)

As you make changes to options, fields, or settings, WordPress displays these in the Live Preview section …

View live WordPress Theme edits in the Customizer

(View live WordPress Theme edits in the Customizer)

Once you are happy with the changes you have made to your theme, click the ‘Publish’ button to save these and update your theme settings …

Publish your theme changes

(Publish your theme changes)

In version 4.9, WordPress introduced a number of changes to improve Theme Customizer workflow, such as the ability to save your theme changes in ‘draft’ mode, schedule your theme changes for publishing at a later date, collaborate on theme design improvements with others by sharing design preview links, locking your design to protect it from being changed by other users, and more.

To access these additional publishing settings, click on the gear icon next to the ‘Publish’ button …

Click the gear icon to access additional theme publishing settings

(Click the gear icon to access additional theme publishing settings)

This brings up additional Theme Customizer options …

Additional Theme Customizer options

(Additional Theme Customizer options)

Select one of the publishing options from the ‘Action’ section to save your changes …

Publish your theme changes live, as a draft, or schedule for later

(Publish your theme changes live, as a draft, or schedule for later)

To exit the WordPress Theme Customizer feature, click on the ‘X’ button …

Exit WordPress Theme Customizer

(Exit WordPress Theme Customizer)

Note: If you exit the WordPress Theme Customizer feature without saving your changes, you will be prompted to cancel and save/publish your edits, or navigate away from the page and lose your changes …

WordPress Theme Customizer 'exit without saving' prompt

(WordPress Theme Customizer ‘exit without saving’ prompt)

Sometimes, when exiting the Theme Customizer screen, you may also see a warning from the WordPress Autosave feature asking you to restore your most recent changes …

WordPress Autosave notice

(WordPress Autosave notice)

WordPress Theme Customizer Menu

WordPress Theme Customizer Menu

(WordPress Theme Customizer Menu)

The WordPress Theme Customizer menu provides a number of editable options and settings. The items you will see on the menu depend on the WordPress theme you have installed on your site and can include the following:

  • Default theme configuration options and settings
  • Custom theme options and settings specific to the active WordPress theme you are currently using
  • Options and settings from active WordPress plugins that you have installed on your site, which affect you current theme.

Let’s go through these menu items …

WordPress Theme Customizer Menu – Active Theme

To change your current WordPress theme, click the ‘Change’ button in the ‘Active theme’ section of the WordPress Theme Customizer menu …

WordPress Theme Customizer menu - Active theme section

(WordPress Theme Customizer menu – Active theme section)

From the ‘Themes’ section, you can select a different theme from the themes you have currently installed on your site …

Select a new theme from your installed WordPress themes

(Select a new theme from your installed WordPress themes)

Or search for new themes from the WordPress theme repository …

Search & Preview WordPress Themes From The Theme Customizer

(Search & Preview WordPress Themes From The Theme Customizer)

You can search, browse, and preview thousands on WordPress themes from from your Theme Customizer screen before deploying changes to your site and speed up the search for new themes with filters for subject, features, and layout.

Changing WordPress Themes – Installed Themes

To change your existing theme to a new theme that you have already installed on your site, click on ‘Live Preview’ …

Installed themes - Live Preview

(Installed themes – Live Preview)

WordPress will display a live preview of the new theme in your Customizer screen. Click on ‘Activate & Publish’ to activate and switch themes …

Click 'Activate & Publish' to change your active WordPress theme

(Click ‘Activate & Publish’ to change your active WordPress theme)

Changing WordPress Themes – WordPress.org Themes

If you can’t find a new theme from the themes you have currently installed on your site, you can browse the WordPress.org free theme repository from the Theme Customizer’s ‘Active theme > WordPress.org themes’ section.

After finding a new theme, click on ‘Install & Preview’ …

Install & Preview new WordPress themes

(Install & Preview new WordPress themes)

The new theme will be installed and display in the Theme Customizer’s ‘Live Preview’ screen …

WordPress Theme switching - live preview

(WordPress Theme switching – live preview)

Click on ‘Activate & Publish’ to activate and switch themes …

Click 'Activate & Publish' to change themes

(Click ‘Activate & Publish’ to change themes)

Info

As mentioned earlier, installing new themes can add new items to the WordPress Theme Customizer menu …

New WordPress themes can add new custom settings to the Customizer menu

(New WordPress themes can add new items to the Customizer menu)

New Theme Customizer menu items often add new configurable theme options and settings to the feature …

WordPress Theme Customizer menu items add new theme options and settings

(WordPress Theme Customizer menu items add new theme options and settings)

To exit the ‘Themes’ section (or any Customizer menu section), click on the arrow to the left of the menu item …

Click on the arrow to exit a Customizer section

(Click on the arrow to exit a Customizer section)

Useful Tip

WordPress themes cannot be deleted or uninstalled from the Customizer section. To delete or uninstall a WordPress theme, go to the Themes section (‘Appearance > Themes’).

To learn more about managing and editing WordPress themes, see the tutorial below:

WordPress Theme Customizer Menu – Site Identity

Click on ‘Site Identity’ in the WordPress Theme Customizer menu …

WordPress Theme Customizer - Site Identity

(WordPress Theme Customizer – Site Identity)

This section lets you customize elements of your site like the logo, site title, tagline, and site icon …

WordPress site identity options

(WordPress site identity options)

To learn more about configuring settings in this section, see the following tutorials:

WordPress Theme Customizer Menu – Colors

Depending on the WordPress theme installed on your site, you can have a choice of options (or a single option, or no options) for customizing your site’s colors …

WordPress Theme Customizer - Colors

(WordPress Theme Customizer – Colors)

WordPress Theme Customizer Menu – Header And Background Image

Depending on the WordPress theme or plugins installed on your site, you may see different options for customizing your site’s Header and Background image …

Customize WordPress Header and Background images

(Customize WordPress Header and Background images)

The Header Image section lets you add multiple header images to your WordPress site and select one of these as the current header image …

Make a header image the current header for your site

(Make a header image the current header for your site)

You can also add multiple header images to your site and rotate these randomly using the Randomize uploaded headers feature …

Randomize uploaded header images

(Randomize uploaded header images)

Your header images will then rotate randomly as visitors click through to other pages on your site …

Rotate images randomly in your theme header

(Rotate images randomly in your theme header)

To learn more about adding and using images in this section, see the tutorials below:

WordPress Theme Customizer Menu – Menus

To edit your WordPress theme menus in the Theme Customizer, click on the ‘Menus’ section …

WordPress Theme Customizer - Menus

(WordPress Theme Customizer – Menus)

The menus you will see displayed in this section depend on your currently active theme …

Customize your WordPress menus in the Theme Customizer

(Customize your WordPress menus)

To learn more about using menus in WordPress, see the tutorial below:

WordPress Theme Customizer Menu – Widgets

To edit your WordPress theme widgets in the Theme Customizer, click on the ‘Widgets’ menu item …

WordPress Theme Customizer - Widgets

(WordPress Theme Customizer – Widgets)

The widgets displayed in this section will depend on your currently active theme …

Customize your WordPress widgets in the Theme Customizer

(Customize your WordPress widgets in the Theme Customizer)

You can also access the widget section by clicking on the edit buttons in the Live Preview screen …

Edit your theme widget settings in the WordPress Live Preview screen

(Edit your theme widget settings in the WordPress Live Preview screen)

To learn more about using widgets, see the tutorials below:

WordPress Theme Customizer Menu – HomePage Settings

You can configure your WordPress home page settings from the ‘Homepage Settings’ menu item …

WordPress Theme Customizer - Homepage Settings

(WordPress Theme Customizer – Homepage Settings)

To learn more about WordPress home page settings, see the tutorial below:

WordPress Theme Customizer Menu – Additional CSS

You can view and edit some of your WordPress theme’s CSS code by clicking on the ‘Additional CSS’ menu section …

WordPress Theme Customizer - Additional CSS

(WordPress Theme Customizer – Additional CSS)

This brings up the ‘Additional CSS’ section …

Edit your WordPress Theme CSS

(Edit your WordPress Theme CSS)

In WordPress 4.9, several coding enhancements were introduced, such as Syntax Highlighting and Error Checking, which allows users to scan, pinpoint, and fix CSS editing and coding errors quickly and easily from the WordPress Theme Customizer …

Coding Enhancements

(Scan and fix CSS errors easily in your WordPress theme coding)

Tip

Even if you are a non-technical WordPress user, this feature can help you pinpoint issues and alert theme developers about problems with your existing theme.

WordPress Theme Customizer Menu – Plugin Settings

Adding plugins to your website can affect your WordPress theme. Depending on the plugins you have installed (e.g. Yoast SEO), you may find new options and settings added to your Theme Customizer menu …

WordPress Theme Customizer - Plugin Settings

(WordPress Theme Customizer – Plugin Settings)

Adding certain plugins (e.g. Jetpack) can also add new items to the Customizer’s menu …

Plugins can add items to the customizer menu

(Plugins can add items to the customizer menu)

To learn more about using plugins in WordPress, see the tutorials below:

WordPress Theme Customizer Menu – Live Preview Display Options

Most WordPress themes are fully responsive. The WordPress Live Preview feature in the WordPress Theme Customizer lets you see how your site will display in different devices and viewing platforms …

Live Preview Display Options Menu

(Live Preview Display Options Menu)

By default, live previews display your site as seen on a full resolution screen (e.g. a desktop or laptop computer) …

Live Preview - Full Screen Display

(Live Preview – Full Screen Display)

You can also see how your site will display on a tablet screen …

Live Preview - Tablet Screen Display

(Live Preview – Tablet Screen Display)

And on a mobile device screen …

Live Preview - Mobile Screen Display

(Live Preview – Mobile Screen Display)

Click on the ‘Hide Controls’ button to hide the WordPress Theme Customizer menu …

How To Edit Your WordPress Theme Using The WordPress Theme Customizer

(WordPress Theme Customizer – Hide Controls)

This lets you preview your theme without being distracted by the Customizer menu …

Live Preview With Theme Customizer Hidden

(Live Preview With Theme Customizer Hidden)

Congratulations! Now you know how to edit your WordPress theme using the WordPress theme Customizer feature.

How To Edit Your WordPress Theme Using The WordPress Theme Customizer

***

"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not associated, affiliated, endorsed, or sponsored by WordPress, nor have they been certified, reviewed, or tested by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items linked to, reviewed, or advertised on this site.

***

Was this post useful? If so, please take a moment to share this post with anyone thinking of starting or growing their business online using the share buttons below.

How To Install WordPress Themes Manually

Learn how to install WordPress themes manually in this tutorial.

WordPress TutorialThis tutorial was created using an earlier version of WordPress and may contain outdated information. Please bookmark this page as we will be updating this tutorial soon! To be notified of updates to our content, subscribe to our updates list (see sidebar), or Like our Facebook page.

***

Typically, when purchasing premium WordPress themes, you will download a zip file containing the theme that requires uploading to your WordPress installation directory before you can activate and use it.

In this tutorial, you will learn how to upload and install WordPress themes manually on your website or blog.

To learn more about using WordPress themes and the benefits and advantages of choosing WordPress themes over traditional web design templates, see the tutorial below:

To learn how to upload and install a WordPress theme using the WordPress Dashboard, see the tutorial below:

How To Install A WordPress Theme Manually: Tutorial

Before installing a theme on your WordPress site, download the theme’s zip file to your hard drive.

You can download Premium WordPress themes from commercial theme developers, or visit the WordPress Theme Directory to download free themes to your hard drive …

How To Install WordPress Themes

Tip

We recommend creating a folder on your hard drive to store all of your WordPress-related files (e.g. updates, plugins, themes, etc …). This will help you keep things organized and save you time managing your site.

If you need a compression utility to download and extract zip files, go here:

***

Download the theme you want to install into your WordPress Themes folder …

How To Install WordPress Themes

After the zip file has downloaded, extract the theme files into your WordPress Themes folder …

How To Install WordPress Themes

You should now have two versions of your theme files:

  1. The original zipped (compressed) files
  2. The unzipped (uncompressed / extracted) files

How To Install WordPress Themes

In the section below, you will learn two different methods to install WordPress themes manually to your site, which require using either the compressed or the compressed theme files, depending on which installation method you choose …

How To Install WordPress Themes

The first method described below shows you how to use FTP to upload your theme files to your server. The second method is faster and uses cPanel File Manager.

Note: If you need help understanding how to use FTP or cPanel to upload files to your server, please see this tutorial.

How To Upload A WordPress Theme Using FTP

Open up your FTP client and select the theme folder you want to upload to your site …

How To Install WordPress Themes

With your theme folder still selected, connect to your server (1). In your server window, navigate through the folders until you find the “themes” folder inside the “wp-content” directory. Select this folder as the destination directory (2).Click the upload button (3) to begin transferring files from your computer hard drive to your server …

How To Install WordPress Themes

Now that your theme files have been uploaded to your server, the next step is to log into your WordPress admin area to make sure that your theme has been installed correctly and to activate your new theme.

Skip the section below if you are using FTP to upload your files and go to the section titled “Verify That Your WordPress Theme Has Been Uploaded” at the bottom of this page to continue …

How To Upload A WordPress Theme Using cPanel

Log into your cPanel account …

cPanel Login Screen

Go to Mail, and click on File Manager

cPanel FileManager

Drill down to the “themes” folder and click the Upload button in the File Manager menu …

How To Install WordPress Themes

Click Browse to locate your file …

How To Install WordPress Themes

Locate and select the compressed (zipped) version of your WordPress Theme and click Open to begin importing the file into your server …

How To Install WordPress Themes

After the file has finished uploading, click Reload to refresh your screen …

How To Install WordPress Themes

You should see your uploaded zip file listed in the File Manager window. Select the file you have just uploaded and then click Extract

How To Install WordPress Themes

When the “Extract” screen pops up on your browser, click Extract File(s)

How To Install WordPress Themes

After all of your files are extracted, click Close to exit the “Extraction Results” window and return to the main File Manager screen …

How To Install WordPress Themes

The zipped file containing your uploaded theme is no longer required. Select the .zip file in the File Manager list and click Delete to remove the file from your server …

How To Install WordPress Themes

Now that your file has been uploaded to your server, the next step is to log into your WordPress admin area and make sure that your theme has been uploaded and installed correctly.

Verify That Your WordPress Theme Has Been Uploaded Correctly

Log into your WordPress administration area …

Wordpress Login Screen

In your WordPress dashboard menu, select Appearances > Themes

How To Install WordPress Themes

Your newly uploaded theme will show up in the “Available Themes” section of the Manage Themes tab …

How To Install WordPress Themes

Click Activate to make your newly uploaded theme your site’s current active theme …

How To Install WordPress Themes

Congratulations! Now you know how to manually upload and install a WordPress theme on your website or blog.

***

"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not associated, affiliated, endorsed, or sponsored by WordPress, nor have they been tested, reviewed, or certified by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, linked to, or reviewed on this site.

***

Did you enjoy this tutorial? If so, please consider sharing this article with anyone thinking of starting or growing their business online using the share buttons below.