1.2 Download the Theme Package

When you purchase our theme from ThemeForest, you can download the Car Wash files via the ‘Downloads’ tab on your ThemeForest account. When you download Car Wash, you can either choose the ‘All Files & Documentation’ option or the ‘Installable WordPress File Only’ option. The former includes the theme files and supporting documents, while the latter only includes the theme’s installable WordPress file.

Step 1 – Login to your ThemeForest account and navigate to the ‘Downloads’ tab.

Step 2 – Locate your Theme  purchase, and click the Download button. Choose between ‘All Files & Documentation’ or ‘Installable WordPress File Only’.

1.4 Requirements For Car Wash

We have tested our theme in most standard hosting setups. Anyhow, make sure your hosting server matches the following requirements.

1. Latest version of WordPress 4.9.6 or higher installed,
2. PHP5 or higher and MySQL 5 or higher,
3. We recommend to enable mod_rewrite module (If not enabled sometimes pages or posts will result in bad gateway error),
4. Memory limit(memory_limit) should be atleast 128MB,
5. Maxium File Upload size(upload_max_filesize) should be atleast 128MB.

Hosting is more secure when PHP applications, like WordPress, are running using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using PHP. Just ask your potential host if they run PHP or something similar.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

• Max_execution_time 900
• Memory_limit 128M
• Post_max_size 128M
• Upload_max_filesize 128M

1.5 Files Included In The Package

Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

Included Files from Your Themeforest Purchase

• car-wash.zip – Located inside the Car Wash Theme folder, this is the installable WordPress file you’ll need to install or update Car Wash manually.
• car-wash-child.zip – Located inside the Car Wash Theme folder, this is a child theme you can use to make changes to Car Wash ’s core theme files.
• Slider – this folder contains exported dummy slider zip files.
• Documentation Folder – this folder contains theme documentation.

2.1 How To Install Car Wash via WordPress

Kindly follow the steps given below for installing this theme from Wordpress.

1. Navigate to Appearance > Themes.
2. Click 'Add New' button near 'Themes' title.
3. Now 'Add Themes' page will be loaded with 'Upload Theme' button hit on it.
4. Now navigate to find the "car-wash.zip" file on your computer ("car-wash.zip" will be found inside "car-wash.zip") and click "Install Now"
5. Once uploaded go to Appearance > Themes and activate it.
6. Then you will see a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin','Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
7. Once required plugins are activated, navigate to Settings > Permalinks, here select 'Post name' in 'Common Settings' tab and save it.

2.2 How To Install theme via FTP

You can also install this theme through FTP server by using the following steps,

1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
2. Extract the "car-wash.zip " (inside "car-wash.zip") file as you've downloaded.
3. Upload that extracted folder into your "wp-content / themes" directory.
4. Once if the theme is uploaded and installed, you need to activate it from Appearance > Themes then.
5. Then you will get a notification message to activate the required & recommended plugins: 'Designthemes Core Features Plugin', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the car-wash.zip archive you've got after purchasing.

2.3.1 Install Plugins

Step 1 – Click to Begin installing plugins the top of the page

Step 2 – Check boxes to select all the plugins you want to install and click on Install from the dropdown box and then click the button to Apply.

Step 3 – After you have installed all the plugins, click on Return to Required Plugins Installer.

Step 4 – Select the plugins you installed, and apply the bulk action to activate.

2.4Theme Update

IMPORTANT: Before you go ahead with the update please check theme changelog and make sure you backup your old theme folder. Download it to your computer locally.

It is the best practice to backup both your files and database regulary and especially before making some serious updates. We recommend using free backup plugins for WordPress like WPOnlineBackup

Update Option 1. Update using WordPress uploader

1. Log into your Themeforest account and navigate to your downloads tab. Find the theme and download "Installable WordPress file".
2. Log into your wordPress website and go to Appearance -> Themes
3. Activate a different theme. Delete the previous version of Car Wash and re-upload the new Wordpress Installable files that you have downloaded from Themeforest in the 1st step.
4. Once it uploads, choose to activate the theme.
5. Update the included plugins if you see a notification message letting you know the plugins have a new version.

3.1Demo Content via Unyson plugin

The easiest way to import our demo content is to use Unyson plugin Demo Content Importer. Our importer will give you all pages and posts,several sample sliders, widgets, Theme Options, assigned pages, and more. This is recommended to do on fresh installs.

It will replace the content like posts, pages, portfolio, etc., . It will, replace Theme Options, Reading settings and Widget settings.To import our demo content, please see the steps below.

How To Import Demos

• Install and activate these plugins before you proceed: Revolution Slider, Layer Slider, Designtheme Core Plugin , Unyson plugin and WooCommerce. Woocommerce is only needed for an online shop
• Navigate to the Unyson > Active Extensions > Backup & Demo Content (Install)
• Navigate to the Tools > Demo Content Install > Select the demo Content > install
• Please be patient, as it may take few minutes to import everything. Once it is completed, you will receive a success message finally.

4.1 Header layout

To setup header layout,Simply go to Appearance > Customize > Site Header > Header Style to select your header layout. and choose one of the available layouts. You can also set upuse these other options:

• Header | Style - Choose a header style (Fullwidth Header, Boxed Header, Splitted Fullwidth Header, Splitted Boxed Header, Fullwidth Menu Center, Two Color Header, Fullwidth Menu Left, Left Header, Left Header Boxed, Creative Header, Overlay Header).
• Header | Position - Choose a header position (above slider, on slider, below slider).
• Header | Transparency Choose between Semi Transparent or Transparent header Transparency.
• Header | Background - You can select and upload a custom background image, which will be applied for the selected header.

4.2 Logo & Favicon

Logo

The theme includes options to upload and custom your logo such as: logo width, logo height and logo margin.

Go to Appearance > Customize > Site Identity > Logo to upload your logo.

Favicon

Favicon – Regular, Apple iPhone and iPad favicon options.

Go to Appearance > Customize > Site Identity > Site Icon to upload your Favicon.

Note : The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall.

4.3 Sociable

Social icons

Car Wash includes a wide range of social icons that can be used in several locations on your site. All social icons are CSS based font icons which ensure that they are high quality, and can be configured using the available options. Continue reading below to learn more about how to set up the social icons, how to customize different settings, and how to display and integrate them.

Site Sociable

To set up social icons, right top corner, navigate Appearance > Customize > Site Sociable and set up links for social profiles. Note: Each external link should always start with http://!

Social Media Links – The Social Media tab in Theme Options is where you will insert your custom social media links for each network you want to display. The URL's you enter on this tab will apply to the social icons in the header, footer or social sharing box.

5.1 Menu Locations

Car Wash theme supports 4 menus. Select which menu appears in each location.

• Main Menu
• Secondary Menu
• Shortcode Menu
• Footer Menu

To assign location

Navigate to Appearance > Customize > Menus > Menu Locations, click the option titled Menu Locations. Select your menu location, by clicking the dropdown menu in each option then hit the Save & Publish button.

Or

Go to Appearance > Menus > Menu Location tab > assign your menus to the location you want > Save Changes.

NOTE: You can create submenus by dragging and dropping the items within other menu items. If you want to edit or remove a menu item, click the little arrow on the right-side of the menu item name. A selection of options will drop down, including editing the navigation label as well as removing the item altogether.

5.2 Create a New Menu

To create a new menu, go to Appearance > Menus, then click Create a new menu > fill your menu name > click Create Menu. Add to menu the item you want to add on the left hand boxes, then click Save Menu.

Create a new menu

Step 1 – Start by navigating to the menu manager under Appearance → Menus.

Step 2 – Under the "Edit Menus" tab, you'll see a "create a new menu" link. Name your menu with something useful such as "Main Menu" and then click the "Create Menu" button to begin adding items.

Step 3 – Now, let's add some menu items.

Step 4 – On the left hand side of the screen you'll see a box containing all of your Pages, Categories, etc.

• First, select a few items to be included in your menu.
• Click the Add to Menu button and the items are added to your menu.

Step 5 – Go ahead and click "Save Menu" anytime you change something. If you navigate away from the menus page before saving, all your menu settings could be lost.

6.1 Create A New Page

You can create any number of pages with content. Car Wash includes several page templates to choose from, and you will need to choose the page template that suits your needs. All of this is done in the pages section of your WordPress admin.

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, then find the Page Attributes box on right side.

Step 3 – Set your Parent page. It's usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list. See list of page templates below.

Step 5 – Select any number of page options in Page Options box.

Step 6 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

6.2 Page Templates

Specially designed Page Templates can be used to incorporate special features on pages. These include:

• Default Template -Showing a default page content with selected options.
• Blog Template - This template used to display blog post using selected option.
• One Page Template - This template used to create an one page.
• Portfolio -this template enables you to add Portfolio pages to a website. to showing portfolio items, by using selected options.
• Slde Navigation template - this template used to display a defult page with "Slde Navigation".

6.3 Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page. Car Wash includes several pre-designed home Theme Page Options. Any of the layout options you see on our demo can be imported through our Demo Content Importer, or from copying the individual page content from our documentation in the How To Import Individual Pages section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our shortcode elements. You can mix and match them anyway you like.

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Static Page option.

Step 3 – Choose the page you want as your home page from the Front Page dropdown list.

Step 4 – This is also the same spot you select the blog page as the Posts page.

6.4.1 Default Template

Default : This is the Default page template that automatically has the sidebar with it. Choose this template for your blog.

• You can switch between following available page layouts 'Without Sidebar', 'Left Sidebar', 'Right Sidebar' and both Sidebar.
• You can choose the custom widget area using 'Widget Area' tab in Buddha Panel and here you can enable / disable the default widget area.

6.4.2 Blog Template

• Choosing 'Blog Template' in 'Page Atrributes' metabox will enable the 'Blog Options' metabox.
• You can choose the page layout, posts layout, control the excerpt length and number of posts to display per page.
• You can enable / disble author, category, tag, date, comment info at any time. You can exclude certain categories using 'Exclude Categories' dropdown.

Options relating to blog pages only:

• Posts per page - specify how many posts are to be on a page
• Post Layout - choose a blog post layout (I Column,II Column, III Column,)

6.4.3 One Page Template

One Page Template is a single-page theme that displays all the essential features of your website on the home page. It makes easy for the users to get all the required information within a single page. One Page was built keeping the simplicity of design in mind.

6.4.4 Portfolio Template

• Choosing 'Portfolio Template' in 'Page Atributes' metabox will enable the 'Portfolio Options' metabox.
• Only difference between 'Portfolio Template' is 'Portfolio Template' will have Page Layout option additionally.
• You can choose template for your page which is configured in template post type.
• You can choose any one of the available 'Portfolio Post Styles'
• You can enable / disable the Grid spacing that appears in between each portfolio item displays on the page.
• You can enable / disable the Filters that help you switch and to show the portfolio items of different categories
• You can enable / disable the Fullwidth style for displaying your portfolio items
• You can also limit the number of portfolio items to be displayed on your portfolio page
• You can choose only certain categories using 'Choose Categories' option, and it will display all the categories of portfolio items, if you haven't chosen any specific categories.

6.4.5 Side Navigation Template

Car Wash includes a Side Navigation page template that can be used to insert large amounts of content on a single page.

Follow These Steps Below To Create A Side Navigation Page

Step 1 : Navigate to Pages and click Add New.

Step 2 : Input a new name for your page, then find the Page Attributes box on right side.

Step 3 : Select Side Navigation from the page template dropdown list and click save.

Step 4 : To add more pages to the side navigation set, create another new page and select your newly made page as the Parent page, and set the Template to Side Navigation

7.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/designthemes (it is in the right bottom corner) and we`ll send you the current version.

7.1.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.

7.1.3 How to add Slides to your slider

Step 1 – Click on the "Slides" tab.

Step 2 – Slide #1 will already be created, add a background image for the slide, set thumbnails, transitions, links and more in the settings box above the slider preview window.

Step 3 – Each slide you make can have multiple layers to it. The layers show up below the slider preview window. Click "Add New Layer" create a new layer. An editing section will display once clicked.

Step 4 – The layer editing section has 5 tabs; Content, Transition, Link, Styles, Attributes. Content tab is where you add your content, Transition tab is where you set all the timings and animations, Link tab is where you can set the content to link, Styles tab is where you set custom styles, Attributes tab is where you can add custom id's or classes.

Step 5 – Click on the Content Tab and enter your text, image or video or custom HTML content. Then set your transitions, links, styles and attributes if needed.

Step 6 – Click the "Enter Preview" button to view a preview of the slider and layers.

Step 7 – When finished, click "Save Changes" to save it. Repeat process for more slides.

7.2.1 How To Create A New Revolution Slider

Step 1 – Click on the Revolution Slider sidebar item in your admin section, then click the Create New Slider button.

Step 2 – Insert a slider name and alias. The alias text will generate a shortcode that can be used in the editing field of pages or posts.

Step 3 – Then select the Source Type. If you choose Posts or Specific Posts, please refer to the Revolution Slider Docs for information on how to set that up.

Step 4 – Then select the Slider Layout type, each type will have its own settings. Set the Grid and Responsive settings here also. View the layout example diagram below this area to understand what each section is.

Step 5 – On the right hand side are many other options you can set. All are self explanatory with descriptions. Test them out.

Step 6 – Once you are done, click Create Slider and your new slider will be made.

7.2.3 How To Import Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and click the Import Slider button.

Step 2 – Choose the .ZIP file of the slider you'd like to import.

Step 3 – Once you've chosen the .ZIP file, an Import Slider button will appear.

Step 4 – Click the Import Slider button, and wait for it to finish uploading.

Step 5 – Once it's finished uploading, you will now see your imported slider in the list of Revolution Sliders available.

7.2.4 How To Export Revolution Sliders

Step 1 – Go the the Revolution Slider tab in your WP Admin, and open the slider you'd like to export.

Step 2 – Switch to the Slider Settings tab on the top of the page.

Step 3 – On the right, you will find the 'Import / Export / Replace' dropdown. Click it to expand the tab and view the options.

Step 4 – Switch to the Export tab, and click the Export Slider button.

Step 5 – Once it's finished downloading, you will receive a .ZIP file of your slider.

8.1 General

General Settings

Enable Nice Scroll – Enable or Disable the nice scroll in your site.

Globally Show Page Comments - Enable or Disable to show comments on all the pages.

Style Picker - Enable or Disable to show the style picker in your pages.

8.2 All Page Options

Post Options

Post - Single Post customization

• Post Single - Here you can show / hide 'Author Box' (contains author details) and 'Posts Comments'.
• Post Archives - Choose any one of the available layout types. Also you can choose the archive page layout (without sidebar, left sidebar, right sidebar) and post layout (1 column, 2 column, 3 column)
• Archives and Single Post Options - Here you control the displaying of 'Post Format', 'Author', 'Date', 'Comment', 'Category' and 'Tag'.

404

Options relating to Error 404 page

• Enable Message - You can choose enable/disable for 404 message.
• Template Style - Choose the style of not-found template page.
• Custom Page - Choose the page for not-found content.
• Background Image - Upload an image for not-found page's background.

Under Construction

Options relating to the under construction page

• Enable Message - You can Enable/ Disable for under construction page of your website.
• Template Style - Choose the style of coming soon template..
• Custom Page - Choose the page for comingsoon content.
• Show Launch date - Enable/ Disable to show launch date text.
• Launch date - Put Format: 12/30/2016 12:00:00 month/day/year hour:minute:second
• UTC Timezone - select the appropriate timezone.
• Background Image - Upload an image for coming soon page's background.

8.3 Widget Area Options

Widget Area - To create custom widget areas

A WordPress Widget is a small block that performs a unique function. Widgets can then be added to widget-ready areas of the theme called widget sections. Car Wash has some pre-made widget sections and also allows you to create an unlimited amount of custom widget sections.

You can create custom widget areas and you can assign it to any post, pages,....

8.4 Hooks Options

Hooks

Here you can add HTML content and Shortcode.

• Top - You can choose enable/disable for Top hook.
• Content Before - You can choose enable/disable for Content Before hook.
• Content After - You can choose enable/disable for Content After hook.
• Bottom - You can choose enable/disable for Bottom hook.

8.5 Backup Options

Backup Options these options allow you to backup and restore your custom settings and options. These options also allow you to transfer Theme Options data from site to site.

• Backup & Restore Options - Backup Options => helps you to take backup of current Designthemes Framework settings and Restore Options => helps you to restore Designthemes Framework settings from last backup.

8.6 Theme Change Log

Car Wash Theme Change Log.

Car Wash is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log.

8.7 Portfolio Options

Portfolio - Single Portfolio customization

• Portfolio Archives - Choose any one of the available layout types. Also you can choose the archive page layout (without sidebar, left sidebar, right sidebar) and post layout (1 column, 2 column, 3 column)
• Portfolio Custom Fields -You can create custom fields like name, url and date etc.
• Permalinks - You can have or change the default link structure of archive and single portfolio pages by using this permalink settings.

8.8 Privacy & Cookies

Privacy Options

What needs to be compliant is the end user website, it is not the software/framework a website is built on. The We Clean WordPress theme as an entity does not violate GDPR criteria because it does not collect any data. What we as a team has done is give our We Clean userbase existing and new, the tools necessary to ensure that their websites are GDPR compliant. These new privacy tools and options were introduced in We Clean.

This new feature is highly configurable, giving you everything that you need to keep your website visitors informed of any cookies, third part embeds and/or custom implementations that may affect their data privacy.

It will handle 3rd party embeds, tracking codes, and any custom cookie contents that you may require. The settings are found in Theme Options > Privacy & Cookies tab. Enabling Privacy Bar option will give access to additional options that will help in customizing the privacy bar. Continue reading below to know more about the full options available in the Privacy tab.

10.1Blog Options

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. Car Wash Theme support all type of posts

How To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin sidebar.

Step 2 – Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. You can use any of our shortcode builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 6 – For a video post, paste the iFrame embed from either Youtube or Vimeo into the Video Embed Code field.

Step 7 – Once you are finished, click Publish to save the post.

10.2How to Assign a Post Page

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Post Pages option.

Step 3 – Choose the page you want as your blog post page from the blog post dropdown list.

Step 4 – Once its all done, make sure you click the Save button

11.1 Creating Portfolio Pages

To create a portfolio please start by creating a new page Pages > Add New and setting up the title eg. Portfolio. In the Template field set the option Portfolio template. In the bottom section you will find Page options such as Layout and Sidebar. You can then select whether your portfolio should be in full width or with a left or right sidebar.

How To Create A Portfolio Page

Now we have just created a category that will contain our portfilio items and display them proper way. If you add some subcategories to this main category they will inherit parent style unles you choose to override them at category options page. Lets add some portfolio items!

1. Go to Portfolio -> Add New, name the post accordingly
2. In the right colomn find Categories widget and select "Portfolio" category - thus we move usual post entry into portfolio section.
3. Set featured image and save the post. Please notice - this featured image will be used as a primary portfolio image so make sure it has good quality.

How to install WooCommerce and setup the default shop pages

First go to Plugins > Add new section and type "WooCommerce" into search field. Then click "Search Plugins" button.

Once that is done, and you see the result, click on the"Install now" button next to "WooCommerce - excelling eCommerce" plugin.

Once WooCommerce is installed, click on the "Activate plugin" link.

In a few moments you will see a WooCommerce Purple Notification Bar at the top of the plugin page. Clicking the Install WooCommmerce Pages button in the purple bar will install all the default pages.

Please Note: Once you are done installing WooCommerce and the default pages, you can go to the Appearance > Menu section of your admin and add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.

How to add new product

Go to Products > Add product section. You will see a page that looks like the one below.All you need to do is fill those fields with your own values.

Information about adding a new product will be found at on http://docs.woothemes.com/document/managing-products/

Frontend and Backend Page Building

The most powerful feature of the Visual Composer is that it gives you an easy drag and drop page builder that can be used from the standard WordPress page/post edit area or directly from the frontend.

Build your content on the go with WordPress frontend editing page builder plugin. No more admin panel needed to create stunning and beautiful pages. Visual Composer introduces new game changer in the world of WordPress plugins. Experience the true "What You See Is What You Get" and forget about "blind designing".

• Add and drag elements around the screen to quickly build unique layouts inside your WordPress theme.
• Visual Composer determines type of elements you add and highlight them with different colors in order to improve user experience and navigation.
• Switch between Guide modes to enable or disable VC menu elements and row/column borders.
• Create responsive pages with brand new responsive design controls.

Visual Composer frontend page builder allows you quickly switch between different devices to check how your content looks on tablet or mobile devices. Ensure that everything is according to design grid and your high expectations.

In addition to game changing frontend page builder, award winning backend editor is available. Quickly build any type of page with simple and intuitive drag and drop interface right from your WordPress dashboard. Backend editor of Visual Composer has been proven to be one of the most beloved WordPress plugins of all times and it is a no brainier for thousands of WordPress power users. Tons of features and regular updates always keep Visual Composer on top of competition and this allows users to update and manage content fast and easy.

Content Elements

Visual Composer offers all the controls you need to work with content elements – add, edit, duplicate, remove or create presets for your elements whenever you wish with just single click. And with the smart Role Manager that is included in our page builder you can control access and options available to different user roles within your WordPress site. Control your WordPress site layout like never before.

Visual Composer templates

And that's not all – if you don't want to build your WordPress website from scratch you can always use our predefined templates. There are 60+ pro looking templates covering all the website sections you may need. Use predefined templates or create your own templates to reuse content and save even more time.

Built in content elements

Frontend Page Builder and Backend Editor for WordPress

Build responsive site and manage your content easily with intuitive frontend WordPress builder. No programming knowledge required – create stunning and beautiful pages with award winning drag and drop editor. Experience the true "What You See Is What You Get" and forget about "blind designing".

• Add and drag elements around the screen to quickly build unique layouts inside your WordPress theme.
• Visual Composer determines type of elements you add and highlight them with different colors in order to improve user experience and navigation.
• Create responsive pages with brand new responsive design controls.

Visual Composer frontend editor allows you quickly switch between different devices to check how your content looks on tablet or mobile devices. Ensure that everything is according to design grid and your high expectations.

In addition to game changing frontend editor, award winning backend editor is available. Quickly build any type of page with simple and intuitive drag and drop interface right from your WordPress dashboard. Backend editor of Visual Composer has been proven to be one of the most beloved WordPress plugins of all times and it is a no brainier for thousands of WordPress power users.

Setting up child theme from WordPress Dashboard:

1. Go to Appearance > Themes > Add New > Upload Theme and import the  child-theme.zip file directly into this screen of the WordPress admin area.
2. Go to Appearance > Themes and activate your Wiz child theme.

16.5 How To Update From The .po File After A Theme Update in POEdit

Step 1 – Open the .po file of the desired language in POEdit.

Step 2 – Choose ‘Catalogue’ from the options in the toolbar, then select ‘Update from POT file’ option.

Step 3 – In the opening file dialog, choose the theme.pot file in Theme/languages/ folder. The catalogue will then be auto updated with all the new text strings, and your custom ones will be preserved.

Step 4 – Don’t forget to Save the file once you are done updating and adding translations.

16.5 The Events Calendar

Step 1 – Navigate to the Plugins > Add New tab on your WordPress admin panel.

Step 2 – Once on the 'Add Plugins' page, search for 'The Events Calendar' plugin using the search field on the upper right corner.

Step 3 – When the search is done, you'll see The Events Calendar plugin developed by Modern Tribe in the list of results. Once you find the correct pluin, click the 'Install Now' button. Make sure to install the correct plugin.

Step 4 – Once it's finished installing successfully, click the 'Activate Plugin' link.

16.6 WP Store Locator

The WordPress Store Locator is a map maker that empowers you with mapping tools to create store locators, store finders, and other address maps for multiple locations in WordPress to display your important stores, points of interest, product locations, etc. anywhere on Earth using Google Maps.

Also referred to as an address map, address location map, locator map, store finder, dealer locator (locater), shop finder, and zip code or zipcode search. Its strength is in its flexibility to allow you to easily manage a one or thousands of locations through your WordPress admin interface.

Installation

Step 1 –Go to Plugins > Add New

Step 2 – Enter "WP Store Locator" and enter to search plugin.

Step 3 – Find the WordPress Plugin you wish to install.

Step 4 –Click Install Now to install the WordPress Plugin.

Step 5 –If successful, click Activate Plugin to activate it.

Manual installation

Step 1 – Download the latest WP Store Locator version

Step 2 – Extract the zip archive

Step 3 – Use you favorite FTP application to move the "wp-store-locator" folder to the wp-content/plugins folder on your server

Step 4 – Activate the plugin through the "Plugins" menu in WordPress

Step 5 – Visit Store Locator > Settings to configure the plugin

Configuration

You can use and paste the shortcode on any WordPress Page or Post.

To add at WordPress pages, use the steps below

Step 1 – First, click on Pages > Add New

Step 2 – Paste the shortcode and click Publish

Step 3 – Click on View Page to view your store locator

16.7 Before After WordPress

Before After WordPress : This easy Before After WordPress visual diff tool is perfect to showcase your work, where it's essential to visualize the difference between two images. Create unlimited instances on a single page. All you need is simply wrap any two images with [ before-after ] shortcode opening and closing tags inside WordPress editor.

It's that easy! The rest is taken care of – fully responsive, that means that it will look great on all devices, tablet, desktop and even mobile. Highly customizable, you pick the colors, label text and position, handle offset and orientation, handle move on drag or hover. Everything you could wish for to match the awesome design of your website.

Installation

Step 1 : Go to appearance -> install plugins -> Click "Before After Slider" plugin.

Step 2 : After a success installation, Click to activate

Step 3 : Then Go to " Before After Slider "Setting page in the bottom of Wordpress navigation panel

Step 4 : Create / edit a sample slider publish it

Step 5 : Once finished, click to save the settings.

Configuration

Step 1 : Go to your blog's / page WordPress Admin Panel -> Options -> Before After

Step 2 : Set the parameters as per your requirements (should work with default parameters too)

Step 3 : See Plugin Pagefor more details on configuration parameters

Manual Installation

Step 1 : Plugin folder in the WordPress plugins folder must be before-after

Step 2 :Upload folder before-after to the /wp-content/plugins/ directory

Step 3 :Activate the plugin through the 'Plugins' menu in WordPress