REFLECTOR

Documentation

• by: FoxThemes

Recommended By WordPress.org: 

To run WordPress we recommend your host supports:

• PHP version 7.2 or greater.
• MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
• HTTPS support

That’s really it. We recommend Apache or Nginx as the most robust and featureful server for running WordPress, but any server that supports PHP and MySQL will do. Nevertheless we can’t test every possible environment and each of the hosts on our hosting page supports the above and more with no problems.

Note: If you are in a legacy environment where you only have older PHP or MySQL versions, WordPress also works with PHP 5.2.4+ and MySQL 5.0+, but these versions have reached official End Of Life and as such may expose your site to security vulnerabilities.

Ask for it

Here’s a letter you can send to your host; copy and paste!

I’m interested in running the open-source WordPress <https://wordpress.org/> web software and I was wondering if my account supported the following:

• PHP 7.2 or greater
• MySQL 5.6 or greater OR MariaDB 10.0 or greater
• Nginx or Apache with mod_rewrite module
• HTTPS support

Thanks!

Not required, but recommended for better security

Hosting is more secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username. Ask your potential host what steps they take to ensure the security of your account.

You can read full article here

In order to use proper our theme we recommend:

1.1 Install WordPress Theme

Before Installing your WordPress theme, make sure to download it from themeforest.net.

Few steps on how to do that: 

1. Go To themeforest.net
2. Open Downloads Tab 
3. Click on Awa Theme Downloads Button  and Click on All Files and Documentation

   After the zip File get downloaded open it and navigate to: WordPress Themes - > Reflector Theme 

You can find more details on how to install WordPress Theme here

1.2 Install Reflector Required WordPress Plugins

After successful installation of the theme, the following steps are to install the required plugins, in order to use properly the theme. 

Please follow following steps: 

1. Go To Appearance > Install Plugins 
2. Select All Plugins 
3. Get from DropDown Option Activate 
4. Click Apply 

5. Once everything got installed you should get this screen. 

1.3 Import Demo Data

Note: In order to import demo data, make sure that you've installed all required plugins, you can read here how to do that.

To import demo data you need to follow few very simple steps: 

Check Minimal Requirements

1. Go to appearance > Import Demo Data 
2. Will Open your first screen of importing Demo Data, Please see there is a minimal requirements that will be great to be followed
3. If all the Actual Configurations are green, click Let's Go

Install/Activate Required Plugins 

If you missed to install required plugins the next screen will ask you to install mandatory plugins. If you feel that's not something that you will like to do, just click skip this step

In case that you've installed all the Plugins, following screen should show up. 

Import Demo Content

Note: We call Demo Content all pages that we've created and page options, widgets etc.. 

Once you arrived on this page, you've 2 options: 

1. To import everything 
2. To Import just that content that you wanna have on your website. 

Note, if you choose to IMPORT EVEYTHING, this may not work if you don't have all the php configurations, and also it may take up to 10 minutes . 

Choose What Pages To Import

If you clicked on Choose What Pages To Import,  you will be redirected to a section with all homepages. 

1. Select all homepages that you would like to be imported. 
2. Click Next Button to move to the next step. 
3. Do All the steps until all the sections will be imported. 

Note: In case that you don't have all the Configuration Options Green, we're suggesting to select max 3 pages - per section. 

Import All Content

If you decided to import everything, once clicked Import all content it should redirect you to decide which configuration you will not want to be imported. Please find bellow all the Configuration Options with the explanation. 

1. Default Pages - All pages that are part of our system and will require to be mandatory saved.Portfolio Details. 
2. Shop - All pages and products related to WooCommerce, in case that you decide not to  install WooCommerce and shop we suggest you to unselect this Option.  
3. Widgets - All Widgets that are on Blog or other Widgets area. 
4. Default  Theme Options - Predefined Theme Optionns. 
5. Customizer Options -  Predefined WordPress Customizer Theme Options. 

1.4 Install Child Theme

What is a WordPress Child Theme?

WordPress child themes depend on a parent theme or a theme framework. Child themes borrow all features and appearance of their parent theme and can change them without touching the code of parent theme.

Most free and premium WordPress themes come with a lot of customization options. However, sometimes you may still need to add code to your theme manually.

If you add code directly to your theme’s files, then your changes will get overwritten when you update your theme. Child themes solve this problem by allowing you to add your customizations in child theme. This way when you update the parent theme, all your changes will remain intact.

Child themes are more commonly used with WordPress theme frameworks. These frameworks are robust parent themes that offer a solid base for theme developers to build upon.

Genesis is one such popular theme framework. There are tons of child themes available for Genesis that you can get from StudioPress.

To learn more about WordPress child themes, we recommend you to read our article on what is a WordPress child theme? Pros, cons and more.

Do you want to customize your WordPress theme with a child theme of your own? Follow the instructions of our step by step guide on how to create a WordPress child theme.

Having said that, let’s take a look at how to install easily a WordPress child theme.

Step 1. Installing the WordPress Child Theme

Installing the WordPress child theme is done in the same way installing any other WordPress theme.

Inside your WordPress admin area, head over to Appearance » Themes page and click on the Add New button.

There are two methods to install your WordPress theme.

Method 1: If your child theme is available as a free theme on WordPress.org theme directory, then you can look for it by typing its name in the search box.

From the search results, take your mouse to the theme you were looking for and then click on the Install button.

WordPress will now download and install your child theme.

It will also look for required parent theme. If the parent theme is also available on WordPress.org theme directory, then it will automatically install it for you.

Method 2: If your child theme came as a zip file, then you need to click on the ‘Upload Theme’ button. This will show you theme upload option.

Click on choose file to select the theme zip file from your computer and then click on ‘Install Now’ button.

WordPress will now upload the theme zip file from your computer and install it. It will also check if the parent theme is installed. If parent theme is available from WordPress.org theme directory, then it will try to install it. Otherwise, it will let you know that you will need to install parent theme manually.

Step 2. Installing WordPress Parent Theme

WordPress will automatically try to install the parent theme if it is available on WordPress.org theme directory. If it fails to install the parent theme, then you will not be able to activate the child theme. It will show your child theme as broken on the themes page.

Here is how to install your parent theme. First go to your parent theme’s website and download the theme zip file.

Now head over to Appearance » Themes page and click on the Add New button.

Click on the ‘Upload Theme’ button. This will show you theme upload option.

Click on the choose file button to select the theme zip file from your computer and then click on the ‘Install Now’ button.

After installing both parent and child themes, you can go ahead and activate the child theme.

Note: Keep in mind that you don’t need to activate the parent theme in order to use the child theme.

The first thing you’ll want to do is log in to your WordPress website’s admin area. Once you have done that, click on the “Pages” menu item in the left navigation menu. This will take you to a list of all your pages.

CREATE A WORDPRESS PAGE

Click the “Add New” button at the top of the page. This will take you to the Add New Page page, which has the WordPress editor and all the settings for your new page.

In the top box, you’ll enter the title of your new page. The editor area is where you’ll enter the text of your page and insert images. As you are filling out the various fields for your new page, at some point you’ll notice that a permalink field will appear directly under the title. A permalink is often called a “slug” and basically is the address or URL of the page you are creating. WordPress automatically determines the permalink based on the title you entered. If you don’t like the permalink WordPress creates, you can click the Edit button next to it and change it to something more suitable.

Once you have configured the appropriate fields for your page, click the blue Publish button. This makes the page live to the public, but may or may not show up in your navigation menu, depending on how the menu is now configured (more later). You can also click the Save Draft button to save the page for later; in this state, the page is not visible to the public.

ADDING THE PAGE TO YOUR NAVIGATION MENU

From the WordPress admin area, hover on the Appearance menu item in the left menu, then click on Menus. If there are no menus yet, you’ll need to create one using the link provided. One of the menus will be shown by default if any already exist.

Once you have selected or created a menu, you’ll need to add your new page to it. The left sidebar has all the possible areas where you can add menu items. By default, it will show you a list of the most recently created pages. The first one listed should be your new page. To add it to the menu, check the box next to it and click the Add to Menu button.

You’ll see that it is added to the bottom of the list in the right pane. Now you can click and drag that page to the place on the menu where you’d like it to appear. Note that you can make it a child of any other menu item simply by dragging it under the parent menu item and a little to the right.

Once you have the menu set up the way you want it, be sure to check the appropriate boxes in the Theme Locations section. This assigns the menu to specific locations in your theme. For more information about where the menus are located in your theme, you’ll need to consult with your theme’s documentation or support team.

Click the blue Save Menu button to save your menu. Now you can visit your home page as visitors would see it to make sure that the menu looks the way you want it to.

How to add WPBakery ShortCodes

Shortcode is a WordPress specific code that allows inserting advanced features or content blocks within your site. WordPress shortcode is based on Shortcode API which is a set of simple functions that can be used by developers to create those content blocks.   

Our team made this much easy to use. We created the list of shortcodes which are ready to use. All you need to do is only to add shortcode from our shortcode manager here:

here is a list of our shortcodes which are included in the theme:

You can start using them on the empty page or edit shortcodes which you get after      importing     demo data

Add New Page

Go to Pages > Add New to add a blank page. If you don't see the Backend / Frontend Editor, please make sure you have installed and activated WPBakery Page Builder plugin.

Edit Existing Page

Simply open your page and find the section/element you want to edit. Let's take a look at the structure of the pages.

• Row Layout: Defines the column number.
• Row Settings: Includes spacing, backgrounds, stretch options, animations, etc.
• Column Settings: Includes advanced parallax, text-align, animations, spacing, background etc.

WordPress Widgets

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for Categories, Tag cloud, Search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly "       widgetized                           " WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the Theme Customizer or Appearance > Widgets in the WordPress Administration Screens.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Appearance Widgets Screen explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory.

Installing Widgets

WordPress comes pre-packaged with a variety of Widgets. If those are insufficient for your needs you can install new ones by searching the WordPress Plugin Directory which is accessible from the WordPress Administration Plugins > Add New Screen.

Displaying Widgets

Existing Widgets in Existing Widget Areas

Before you can add a Widget you must verify that the Theme you're using supports Widgets (more specifically: Widget Areas). You can do so by simply navigating to the Appearance menu and looking for a        sub       menu                   titled   "Widgets".

If your Theme supports Theme Customizer then you can use the following Steps. In Theme Customizer, the live preview of changes is available.

1. Go to Appearance > Customize in the WordPress Administration Screens.
2. Click the Widget menu in the Theme Customizer to    access     to        the    Widget Customize Screen.
3. Click the down arrow of        Widget              Area to list the already registered Widgets.
4. Click Add a Widget button at the bottom of        sidebar       . It shows the list of available widgets.
5. Click a widget you want to add. The widgets should be added in the sidebar.
6. Preview your site and you should see the       content        from              your       new Widget.
7. To arrange the Widgets within the Sidebar, drag and drop the widgets in the order you want or click Reorder link and click up arrow and down allow of each widget and click Done after the arrange operation.
8. To customize the Widget features, click the down arrow in the right to expand the Widget's interface.
9. To remove the widget, click Remove from Widget's interface in   above   step.

If your Theme does not support Theme Customizer then you can use the following conventional steps:

1. Go to Appearance > Widgets in the WordPress Administration Screens.
2. Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
3. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
4. Return to the Widgets Screen to continue adding Widgets.
5. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
7. To save the Widget's customization, click Save.
8. To remove the Widget, click Delete.

If you want to remove the widget but save its setting for possible future use, just drag it into the Inactive Widgets area. You can add them back anytime from there. This is especially helpful when you switch to a theme with fewer or different widget areas.

When changing themes, there is often some variation in the number and setup of widget areas/sidebars and sometimes these conflicts make the transition a bit less smooth. If you changed themes and seem to be missing widgets, scroll down on the screen to the Inactive Widgets area, where all of your widgets and their settings will have been saved.

Enabling Accessibility Mode, via Screen Options, allows you to use Add and Edit buttons instead of using drag and drop.WordPress Widgets

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for Categories, Tag cloud, Search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly "       widgetized                           " WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the Theme Customizer or Appearance > Widgets in the WordPress Administration Screens.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Appearance Widgets Screen explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory.

Installing Widgets

WordPress comes pre-packaged with a variety of Widgets. If those are insufficient for your needs you can install new ones by searching the WordPress Plugin Directory which is accessible from the WordPress Administration Plugins > Add New Screen.

Displaying Widgets

Existing Widgets in Existing Widget Areas

Before you can add a Widget you must verify that the Theme you're using supports Widgets (more specifically: Widget Areas). You can do so by simply navigating to the Appearance menu and looking for a        sub       menu                   titled   "Widgets".

If your Theme supports Theme Customizer then you can use the following Steps. In Theme Customizer, the live preview of changes is available.

1. Go to Appearance > Customize in the WordPress Administration Screens.
2. Click the Widget menu in the Theme Customizer to    access     to        the    Widget Customize Screen.
3. Click the down arrow of        Widget              Area to list the already registered Widgets.
4. Click Add a Widget button at the bottom of        sidebar       . It shows the list of available widgets.
5. Click a widget you want to add. The widgets should be added in the sidebar.
6. Preview your site and you should see the       content        from              your       new Widget.
7. To arrange the Widgets within the Sidebar, drag and drop the widgets in the order you want or click Reorder link and click up arrow and down allow of each widget and click Done after the arrange operation.
8. To customize the Widget features, click the down arrow in the right to expand the Widget's interface.
9. To remove the widget, click Remove from Widget's interface in   above   step.

If your Theme does not support Theme Customizer then you can use the following conventional steps:

1. Go to Appearance > Widgets in the WordPress Administration Screens.
2. Choose a Widget and either drag it to the sidebar where you wish it to appear, or click the widget, (select a destination sidebar if your theme has more than one) and click the Add Widget button. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
3. Preview the site. You should find that the "default" sidebar elements are now gone and only the new addition is visible.
4. Return to the Widgets Screen to continue adding Widgets.
5. To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
6. To customize the Widget features, click the down arrow in the upper right corner to expand the Widget's interface.
7. To save the Widget's customization, click Save.
8. To remove the Widget, click Delete.

If you want to remove the widget but save its setting for possible future use, just drag it into the Inactive Widgets area. You can add them back anytime from there. This is especially helpful when you switch to a theme with fewer or different widget areas.

When changing themes, there is often some variation in the number and setup of widget areas/sidebars and sometimes these conflicts make the transition a bit less smooth. If you changed themes and seem to be missing widgets, scroll down on the screen to the Inactive Widgets area, where all of your widgets and their settings will have been saved.

Enabling Accessibility Mode, via Screen Options, allows you to use Add and Edit buttons instead of using drag and drop.

To Create a new detail Portfolio please move to Portfolio → Add New in t he Dashboard. 

Now  you can enter title and start setting your portfolio.

Scroll down and select the style for your Portfolio. All Portfolio styles

General Portfolio Options:

1)Select style for the gallery -  Here you can select the style for the gallery.

2) Image gallery  - Here you could add images, edit images, remove images.

3) Select size for images of the gallery - Here you can select the size for your images.

4) Enable parallax on mobile devices? - Here you can enable the parallax effect on the mobile devices.

5) Social sharing in portfolio post - Here you can enable the social sharing in portfolio post.

6) Navigation in portfolio post  - Here you can enable or disable navigation for the portfolio.

7) Enter an external link (External Links are hyperlinks that point at (target) any domain other than the domain the link exists on (source). In layman's terms, if another website links to you, this is considered an external link to your site. Similarly, if you link out to another website, this is also considered an external link)

Header Portfolio Options:

1) Main page menu:

Change the menu style for this page? - Here you can change the menu style for this page.

Menu style - Here you can select the style of the menu.

Footer Portfolio Options:

Column size - Here you can set the current item size. works only for grid layout (not masonry layout).

Theme Options

You can all the customizations on Reflector using Reflector Theme Options. You can find the Theme Options in the Sidebar of Wordpress Admin, under Grid menu item.

Notice: For starting using you just have to active required REFLECTOR plugins. Here is a list of required plugins which will automatically set up after theme installation:

General:

• Enable lazy load - Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This option is available for Images and Maps
• Enable Coming Soon - This option allows enabling "Coming soon page"  while your site is being developed.
• Page Coming Soon - You can select which page will display the coming soon.
• Enable Copyright - Copyrighted materials are often used in the commentary, journalism, or the transformation of the material into something original of their own.
• Type of preloader - This option allows to select the type of the preloader.

Header:

Header style - Here you can choose menu style.

• Text Logo - Please, enter text for logo.
• Text logo style - Choose style for logo.

Image Logo:

• Site Logo (Classic style) - Upload any media using the WordPress Native Uploader.
• Site Logo on scroll - Upload any media using the WordPress Native Uploader.
• Image logo style - Here you can choose style for logo.

Header style - Aside

• Text Logo - Please, enter text for logo.
• Text logo style - Choose style for logo.

Image Logo:

• Site Logo (Classic style) - Upload any media using the WordPress Native Uploader.
• Site Logo on scroll - Upload any media using the WordPress Native Uploader.
• Image logo style - Here you can choose style for logo.

Header style - Static aside

• Copyright text - Enter copyright text for Menu
• Background image for Static Menu - Here you can upload background image for menu section.
• Type of site logo - Here you can choose logo type between text logo or image logo.

• Header social links  - This options allows you to add social links for header
• Type of site logo - Here you can choose logo type between text logo or image logo.

• Text Logo - Please, enter text for logo.
• Text logo style - Choose style for logo.

Image Logo:

• Site Logo (Classic style) - Upload any media using the WordPress Native Uploader.
• Site Logo on scroll - Upload any media using the WordPress Native Uploader.
• Image logo style - Here you can choose style for logo.

Header style - Full Screen

• Title for social - Here you can enter title for social.
• Header social links - This options allows you to add social links for header
• Type of site logo - Here you can choose logo type between text logo or image logo.

• Text Logo - Please, enter text for logo.
• Text logo style - Choose style for logo.

Image Logo:

• Site Logo (Classic style) - Upload any media using the WordPress Native Uploader.
• Site Logo on scroll - Upload any media using the WordPress Native Uploader.
• Image logo style - Here you can choose style for logo.

Header style - Only logo

• Logo align - Here you can choose align for logo between right side, left side or center align.
• Type of site logo - Here you can choose logo type between text logo or image logo.

• Text Logo - Please, enter text for logo.
• Text logo style - Choose style for logo.

Image Logo:

• Site Logo (Classic style) - Upload any media using the WordPress Native Uploader.
• Site Logo on scroll - Upload any media using the WordPress Native Uploader.
• Image logo style - Here you can choose style for logo.

Typography:

• Typography Headings - You can set up your typography which you want to use in your elements:
• Title Tag - From H1 to H6, paragraph
• Font Family - Here you can select which font you want to use.
• Font Size (in px) - Here you can select which size you want to set up.

Typography Menu - You can set up the typography which you want on your menu elements:

• Menu Item Font Family  - Here you can select the font which you want to use.
• Menu Item Font Size (in px) - Here you can select which size you want to use.
• Menu Line Height - Here you can select which height of the menu items you want to use.
• Submenu Item Font Family - Here you can select which size of the submenu you want to use
• Submenu Item Font Size (in px) - Here you can select the size of the submenu you want to use.
• Submenu Line Height - Here you can select which height of the submenu items you want to use.

Typography Button - You can set up the typography which you want on your buttons:

• Button Font Family - Here you can select the font which you want to use in your buttons,
• Button Font Size (in px) - Here you can select which size you want to use in your buttons.
• Button Line Height - Here you can select which height of the buttons.
• Letter Spacing (in px) - Here you can select increases or decreases the space between characters in a text.

Typography Links - You can set up the typography which you want on your links.

• Button Font Family - Here you can select the font which you want to use in your links.
• Links Font Size (in px) - Here you can select the font which you want to use in your links.
• Links Line Height - Here you can select the font which you want to use in your links.
• Links Letter Spacing (in px) - Here you can select the font which you want to use in your links.

Blog:

• Blog title - This option allows entering the title for your blog.
• Background image for banner - upload any media using the WordPress Native Uploader.
• Show sidebar on pages - This option allows choosing where you can display the sidebar.
• Tags in posts - This option allows display tags (which you will add to your post) in the details posts.
• Categories in posts - This option allows display (which you will add to your post)categories in the details posts.

Portfolio:

• Navigation in the portfolio for all portfolios) - Display navigation buttons (for all portfolios)
• Portfolio protected text - Enter text for portfolio protected page
• Portfolio Url Slug - This option allows change portfolio URL slug. Please update permalinks after this.
• Portfolio Url Category Slug -  This option allows change portfolio url category slug. Please update permalinks after this.

Theme Color

• Change Main Colors? - This option allows change main colors
• Primary color - Select Color
• Light Primary color - Select Color
• Light color - Select Color
• Black color - Select Color
• Dark color - Select Color
• Grey color - Select Color

Price List:

• Title for Price List in PDF - Add your title for Price List in PDF
• Subtitle for Price List in PDF - Add your subtitle for Price List in PDF
• Title for client info fields in PDF - Add your title for client info fields in PDF
• Title for Packages of Price List in PDF - Add your title for Packages of Price List in PDF

Footer:

• Copyright text - Here you can enter the copyright text for footer.
• Enable Parallax Footer - Here you can choose enable or disable Parallax effect. 

• Title for address - Add your title for address in footer.
• Address - Add your address in footer.
• Title for Phone - Add your title for phone in footer.
• Phone - Add your phone in footer.
• Footer logo - Select footer logo from Media Library or upload new.
• Enable Light Background Footer - Turning ON or OFF Light Background Footer.
• Enable Parallax Footer - Here you can choose enable or disable Parallax effect. 

404 page:

• Change logo for 404 page - Click on to add the logo for this page.
• Error Title - Here you can enter the title.
• Error button text - Here you can enter the button text.
• Error light text - Here you can enable the light text.
• Button Style - Change button style on the page.
• 404-page background - Here you can upload the background image.
• Overlay for background - Here you can enable the overlay for the background.

Backup:

• Here you can export backup of your theme than to import it back if needed.
• Notice: If you need to do the Backup copy of your WordPress please copy the code which on the second field and inserts it when you have to back up your data in the first field.

What is WPBakery Shortcode?

Shortcode is a WordPress specific code that allows inserting advanced features or content blocks within your site. WordPress shortcode is based on Shortcode API which is a set of simple functions that can be used by developers to create those content blocks.  

Our team made this much easy to use. We created the list of shortcodes which are ready to use. All you need to do is only to add shortcode from our shortcode manager here:

Here is a list of our shortcodes which are included in the theme:

You can start using them on the empty page or edit shortcodes which you get after  importing demo data

Add New Page

Go to Pages > Add New to add a blank page. If you don't see the Backend / Frontend Editor, please make sure you have installed and activated WPBakery plugin.

Edit Existing Page

Simply open your page and find the section/element you want to edit. Let's take a look at the structure of the pages.

• Row Layout: Defines the column number.
• Row Settings: Includes spacing, backgrounds, stretch options, animations, etc.
• Column Settings: Includes advanced parallax, text-align, animations, spacing, background etc.

Here you could find all the detailed instruction about WPBakery Page Builder

Reflector Gallery shortcode

Type Gallery - Please select style for your Gallery

Full Slider

• Images - Please, upload your images for Gallery.
• Show button for hide menu? - This option allows you to display a menu or hide it
• Hide menu by default? - This option allows you to hide menu by default

Adjusted Grid

• Images - Please, upload your images for Gallery.

Animated Transitions

• Images - Please, upload your images for Gallery.

Creative Slider

• Images - Please, upload your images for Gallery.

Modern Gallery

• Images - Please, upload your images for Gallery.

Justified Gallery

• Images - Please, upload your images for Gallery.

Kenburn Slider

• Images - Please, upload your images for Gallery.
• Type effect - Here you can select zoom or fade effect for images
• Hide title? - This option allows you to hide title
• Sound Background - Here you can upload sound for your gallery
• Sound Autoplay - This option allows the time for the sound autoplay, which you want to use in your gallery.
• Speed (milliseconds) - This is a feature, that selects the time for image scrolling speed. 

Gallery With Thumbnails

• Images - Please, upload your images for Gallery.

Tilt Gallery

• Images - Please, upload your images for Gallery.

Simple Masonry

• Images - Please, upload your images for Gallery.

Modern Slider

• Images - Please, upload your images for Gallery.
• Autoplay - This option allows to add the time for the image autoplay. Only number. Default 0 milliseconds

Classic Grid

• Images - Please, upload your images for Gallery.

Grid With Thumbnails

• Images - Please, upload your images for Gallery.
• Speed (milliseconds) - Here you can enter time for image scrolling speed. 

Slider Classic

• Images - Please, upload your images for Gallery.
• Speed (milliseconds) - Here you can enter time for image scrolling speed. 
• Autoplay - This option allows to add the time for the image autoplay. Only number. Default 0 milliseconds

Pricing shortcode

Style - There you can select the style of this shortcode which you want to use on your site

Classic

• Subtitle - Please add text for your subtitle
• Title - Please add text for your title
• Items:
• Info - Please add info for items
• Title for price - Please add text for your title of price
• Price - Please add price
• Image - Please add your image
• Reverse content? - This option allows you to reverse content

Creative 

• Type - Here you can select type of pricing (with left line, with right line, withjut line)
• Title - Please add text for your title
• Items:
• Info - Please add info for items
• Title for price - Please add text for your title of price
• Price - Please add price
• Button - Please add URL for link & name for your button
• Button Style - Please select style of your button

Slider

Pricing items:

• Title - Please, add text for your title
• Cost - Please, enter cost
• Pricing messages - Here you can add text for Pricing messages
• Button - Please add URL for link & name for your button
• Button Style - Please select style of your button
• Select item as active - Turn on switch if you want to select item as active

FAQs shortcode

Items:

• Question - Please, enter a question
• Answer - Pleas,e enter the answer to the question above

Button shortcode

• Button/link -Here you can add the link with the title
• Button/link Style - There you can select style of your button
• Text align - Here you can choose text align (button left, button right, button center or full width)

Call To Action shortcode

• Title - Please, enter text
• Button - Please, add link & name for your button
• Button style - Please, select style of your button

Team shortcode

Type - Here you can select the type of this shortcode which you want to use on your site.

Simple

• Name - Add member's name.
• Position - Add member's position.

Single

• Photo - Here you can add member's photo
• Name - Add member's name.
• Position - Add member's position.
• Description - Add member's description.

• Social Icon - Select icon from library.
• Social URL - Please add your social URL

Modern

• Photo - Here you can add member's photo
• Name - Add member's name.
• Position - Add member's position.
• Description - Add member's description.

• Social Icon - Select icon from library.
• Social URL - Please add your social URL

About shortcode

• Title - Here you can add the title.
• Subtitle - Here you can add the subtitle.
• Text - There you can add the text
• Blockquote - Hre you can add the blockquote.
• Color Text - Here you can select the color for the text.
• Button - Here you can add the dd link & name for your button
• Button style - Here you can select the style of the button.
• Images - Here you can upload your images. Max 3 images
• Enable full height row? - Select Yes or No

• Title - Here you can add the title.
• Text - There you can add the text
• Main image - Please add your image
• Title for contacts - Please add your title
• Address - Please add your address
• Phone - Please add your phone
• Socials - Please add your socials. Here you can add your social URL and select icon from library. 
• Items
• Main Title - Please add your title
• Text - Here you can add the text
• Custom links - Here you can Text & URL for custom link
• Please add info for info blocks
• Title for contact form - Please add your title
• Contact form - Add your form id from shortcode Contact Form 7 Plugin.
• Button style for form - Please select button style

Simple style

• Title - Here you can add the title.
• Text - There you can add the text
• Button - Here you can add the dd link & name for your button
• Button style - Here you can select the style of the button.

Image Banner shortcode

• Style Banner - Please select main style for banner

• Subtitle - Please add text for your subtitle
• Title - Please add title
• Description - Please add text for your description
• Button - Please add link & name for your button
• Button style - Please select style of your button
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner

Creative

• Subtitle - Please add text for your subtitle
• Title - Please add title
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner

Full Wall

• Title - Here you can enter the title
• Animation text - Please, enter text. You can write several words without spaces and separate it by the comma.
• Add images - Please, add yoour images. For correct work add min 35 images

Simple

• Subtitle - Please add text for your subtitle
• Title - Please add title
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner
• Enable button scroll down - Here you can select enable or disable button scroll down

Classic

• Subtitle - Please add text for your subtitle
• Title - Please add title
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner

Bottom text

• Title - Please add title
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner

Small image

• Title - Please add title
• Background image - Please add your image
• Enable overlay? - You can select enable or disable overlay for this banner

Banner Slider shortcode

General:

• Type Slider - There you can select the type of the banner which you want to use on your site.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your  css  file

Animation:

• Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
• Speed (milliseconds) - There you can select the time of the speed animation(milliseconds), how your slides will moves.

Design options:

• CSS box. This option allows you are able to control paddings, margins, border, and radius.
• Border color. This option allows the select color of the border.
• Border style.  This option allows the select style of the border.
• Border radius. This option allows the select radius of the border.
• Background. This option allows setting different types of background images.
• Box controls.  This option allows the select controls.

Contacts shortcode

Style - There you can select the style of this shortcode which you want to use on your site.

Images With Form:

• Copyright - Please add copyright
• Social - Please add socials (you can add your social name and URL)
• Contact form - Add your form id from shortcode Contact Form 7 Plugin.
• Button style for form - Please select button style
• Images - Upload your images. Max 6 images

Contact Info:

• Title - Her you can enter title for Contacts section

Contacts - Here you can add address and phone

• Title - Please add your title
• Address - Please add your address
• Phone - Please add your phone
• Please add address and phone

Custom Links shortcode

• Style - Please select style for this section

Simple

• Items - In this section you can add text and URL for the link items
• Title and Link - Please add link & title
• Subtitle - Please add your subtitle

Classic

• First Subtitle - Please add your first subtitle
• Second Subtitle - Please add your second subtitle
• Title - Please add your title
• Title and Link - Please add link & title
• Button style - Please select style of your button
• Please add text and URL for the link items
• Enable light style? - Here you can choose light or dark style for Custom Links section

Headings shortcode

Style - Here you can select style for your headings

Modern

• Title - Please, enter text for title

Modern With Link

• Title & link - Please, add URL for link & text for title

Simple

• Title - Please, enter text for title
• Description - Please, enter text for description
• Button - Please, add URL for link & name for your button
• Button style - Here you can choose style for your button
• Text align - Here you can choose the text align (button left, button right, button center or full width)

Classic

• Enable light style - Here you can turn switcher for enable light style
• Subtitle - Please, enter text for subtitle. If you want mark in main color some words you can wrap them in tag <i></i>. Example: <i>Hello World</i>
• Title - Please, enter text for title

Creative

• Image - Here you can upload image for your Heading
• Title - Please, enter text for title
• Description - Please, enter text for description
• Button - Please, add URL for link & name for your button
• Button style - Here you can choose style for your button

Urban

• Subtitle - Please, enter text for subtitle. If you want mark in main color some words you can wrap them in tag <i></i>. Example: <i>Hello World</i>
• Title - Please, enter text for title
• Description - Please, enter text for description

Info Block shortcode

• Title - Here you can enter text for Info Block title
• Subtitle - Here you can enter text for Info Block subtitle
• Text - Here you can enter text for info description

• Subtitle - Here you can enter text for Info Block subtitle
• Text - Here you can enter text for info description
• Items - Please add options for the tab items
• Simple image - Please add your image
• Title - Please add your title
• Text - Please add your text
• Additional image - Please add your additional image
• Enable full height row? - Here you can turn switcher for enable or disable full height row

Line of images shortcode

• Style - Here you can choose style for Line of images section

• Image - Add image
• URL - enter url for images.
• Count item per row - Choose count item

Portfolio List shortcode

Style - There you can select the style of this shortcode which you want to use on your site.

Parallax Showcase

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Portfolio List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
• Button style - Here you can select the style of the button.

Mix Masonry

• Image original size  - There you can select the size of the images.
• Height of items - Here you can choose height of items
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Portfolio List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.

Masonry

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Portfolio List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.

Modern Animated

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Portfolio List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.

Distortion

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Portfolio List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.

Category List

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.

Portfolio Sliders shortcode

Style - There you can select the style of this shortcode which you want to use on your site.

Progress Slider

Vertical Slider

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Horizontal Scroll Slider

• Title - Here you can enter title for your slider
• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Full Showcase Slider

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Diagonal Slideshow

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Centered Swiper

• Title - Here you can enter title for your slider
• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Urban Slider

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Interactive Links

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Slider Classic

• Count items - Here you can select the count of the items, which you want will display on the page.
• Image original size  - Here you can select the size of the images.
• Select Categories - Here you can select the categories, which will display on the page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Enable autoplay? - Here you can enable the autoplay.
• Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will  moves.

• Linked to detail page - Choose  yes if you want linked Portfolio Slider with detail page
• Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

Post List shortcode

Style - There you can select the style of this shortcode which you want to use on your site

List Center

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page

Simple Categories

• Title - Please, enter title for Post List
• Select Categories - There you can select the categories, which will display on the page.
• Button - Please add URL for link & name for your button
• Button Style - Please select style of your button

Post Slider shortcode

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the products, which you want will display on the page.
• Autoplay speed (sec) - Here you can select the time (sec) when your posts start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your posts will  moves.

Service item shortcode

• Icon - There you can select the icon, which you want to use in this shortcode.
• Title - Please add text for your title
• Description-  There you can enter text for Service description

Space List shortcode

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved spaces.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the spaces, which you want will display on the page.
• Linked to detail page - Choose  yes if you want linked Space List with detail page
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.

Testimonials shortcode

Style - Here you can select the style of testimonials

Urban Slider

• Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
• Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
• Subtitle - Please add text for your subtitle

Dark Urban Slider

• Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
• Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.

       Items:

• Author's name - Please, enter Author's name
• Text - Here you can enter text for testimonials. Max - 153 symbols.

Gold Urban Slider

• Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
• Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.

       Items:

• Author's name - Please, enter Author's name
• Text - Here you can enter text for testimonials. Max - 153 symbols.

Twitter Post shortcode

• Twitter user - Enter your Twitter username. Please, also add your access token of your Twitter account in Theme Options
• Select icon  - There you can select the icon, which you want to use in this shortcode.
• Extra class name - If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

Video shortcode

• Background Image - Please add you image for the preview view.
• Video URL - Please add URL of video from YouTube.
• Title - Here you can enter the title for Video.
• Subtitle - Here you can enter subtitle for Video.