Business One Page Pro Documentation

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Documentation:

Thank you for choosing Business One Page Pro! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to post your questions on our support forum or open a support ticket and our support team will be happy to assist you.

Congratulations!

 You have chosen one of the most beautiful WordPress  Theme created with love. 

The main goal of the documentation is to provide guidance and walk-through to set up the theme for your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. First, we'll make sure that everything is ready for the installation, then we'll set up the theme, and cover some initial configuration and customization options.

Table of Contents

Getting Started

Let’s get started!  First, make sure that you have all the necessary things required to install Business One Page Pro.

Theme Requirements

Make sure you have the latest version of WordPress installed, by checking the updates tab from your current WordPress dashboard.

Theme Requirements

If you haven’t downloaded WordPress already, you can download it from the WordPress repository.

Although Business One Page Pro will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

Theme Files

Business One Page includes:

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Business One Page  Pro theme.  You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

 Method 1 ( Recommended): Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard
    Themes
  3. Click on the Add New button
    Add-New-Theme
  4. Click on the Upload Theme link
    Upload-theme2
  5. Click on Choose File, select the business-one-page-pro.zip file from your computer and click upload.
  6. Click Install Now.
    Install-Now

Method 2: Install Using File Transfer Protocol (FTP)

Unzip “business-one-page-pro.zip” file on your computer.

Login using FTP client to access your host web server.

Locate the wp-content folder in your WordPress install files.

Upload the un-zipped  Business One Page  Pro folder into the: wp-content/themes folder.

For More Information about installing theme using FTP visit : http://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Plugins Installation

Installing Plugin:

To install a plugin in your WordPress admin panel and follow the following steps.

  1. Navigate to Plugins > Add New.
    Install Pluglin
  1. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  2. Click Details to read more about a plugin.
  3. Click “Install Now” if you wish to install the plugin.
    Plugin-Install-Web
  4. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  5. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.
    Plugin-Activate

Recommended Plugins:

We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by: Automattic

The plugin provides a variety of complementary features for your Theme.

  1. Regenerate Thumbnails by Alex Mills (Viper007Bond)

If you have existing content, this will help you update your image thumbnails sizes.

  1. Contact Form Seven by Takayuki Miyoshi

The theme  allows you to display and manage contact form in your website.

To set up the homepage you must first create a new page.

Setting up the Homepage

To create a new Page

  1. Go to Pages > Add New.
    Add Page
  1. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.
  2. Select the Homepage Template from the Page Attributes section.
  3. Click Publish.
    New-page

Configuring the front Page display setting

  1. Go to Appearance>Customize >  Static Front Page.
  2. Select A static page under Front Page displays
  3. Choose the page you just created as Front page.
  4. Click Save & Publish.

Static Front Page- BOP

Site Identity

To set up Site Identity,

  1. Go to Appearance> Customize> Default Settings > Site Identity
  2. Click Select logo by clicking Select Logo.
  3. Upload and select the desired image.
  4. Enter the Site Title and Tagline
  5. Check Display Header Text for the Site title and Tagline to appear on your homepage.
  6. Click Select Image under Site Icon
  7. Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)
  8. Click Save & Publish.
    Site Identity- BOP Pro

General Settings:

  1. Go to Appearance > Customize > General Settings
  2. Enable or Disable Light Box.  ( Blue is enabled)
  3. Enable or Disable Ajax Quick Search. ( Blue is enabled)
  4. Choose Pagination Type .
  5. Click Save and Publish.
    Genral Settings_ BOP

Slider Settings: 

Slider Contents:

 Slider using Posts 

  1. Go to Appearance> Customize> Slider Settings> Slider Contents
  2. Choose Slider Type to Post
  3. Choose Posts to be displayed as slider under Choose Post One, Choose Post Two, Choose Post Three, Choose Post Four, and Choose Post Five.
    • The featured Image of the selected posts will appear as Slider Image. ( Width: 1400px, Height: 600px )
    • Post Title of the selected post will appear as Slider Title.
    • Post Excerpt will appear on the Slider as slider Content. The first few sentences of the post content will appear as slider content if the Post excerpt is not entered.
  4. Enter Readmore Text.
  5. Click Save and Publish.

Slider using Category 

  1. Go to Appearance> Customize> Slider Settings > Slider Contents
  2. Choose Slider Type to Category
  3. Choose the Slider Category.
    • The featured Image of the posts under selected category will appear as Slide Images.
    • Post Title of the post under the selected category will appear as Slide Title.
    • Post Excerpt will appear on the Slider as slide Content. The first few sentences of the post content will appear as slide content if the Post excerpt is not entered.
  4. Enter Readmore Text.
  5. Click Save and Publish.

Slider using Custom

  1. Go to Appearance> Customize> Slider Settings > Slider Contents
  2. Choose Slider Type to Custom.
  3. Click on Slides #
  4. Click Add Image to upload an Image.
  5. Enter Title and Link for the Slide.
    Custom Slider Content- the Minimal Pro
  6. Click Add new Slide to add new Slide.
  7. Enter Readmore Text.
  8. Click Save and Publish.

Slider Options:

  1. Go to Appearance> Customize> Slider Settings> Slider Options
  2. Enable Home Page Slider using toggle to display it on the home page. (Blue is enabled)
  3. Enable Slider to Auto Transition using toggle for the slides to transition automatically (auto-scroll) without a click. (Blue is enabled)
  4. Enable Slider Loop using toggle to continue the slide transition in the loop. (Blue is enabled)
  5. Enable Slider Pager using toggle to allow manual navigation for paging control of each slide. (Blue is enabled)
  6. Enable Slider Caption using toggle to show the post title to appear on the slider post image. (Blue is enabled)
  7. Enable Use Full Size Image, if you wish to display the full image on the slider rather than the cropped image. ( In this case, make sure that all the selected images have the same image size, so that the design is maintained)
  8. Select the Slider Transition type to “fade” or “slide”
  9. Choose Slider Speed and Slider Pause for Slide Content using slider.
  10. Click Save & Publish.

Home Page Settings:

About Section:

About Section BOP

Note: In Order to set up About Us Section, you need to make a page for it. The Page should have About Page Template. The page should have a title and excerpt which will be displayed as the section title and section content respectively.

The section below the Slider section in the demo page is the About Section.

  1. Go to Appearance> Customize>Home Page Settings> About Section.
  2. Give About Section Menu Title.
  3. Choose the Page with About page Template.
  4. Click Save and Publish.
    About Section-BOP

For inserting widgets under About Section as on demo.

  1. Go to Appearance> Customize>Home Page Settings> About Section Widgets
  2. Click Add a Widget.
  3. Insert RARA: Icon Text Widget under About Section Widget. ( To maintain the design it best to add the widgets in the batch of three)

about Section widget _ BopPro

4. Enter the necessary details for the widgets. Icon text Widget _

5. Click Save and Publish.

 Note : You can also access and edit the About Section Widget from Appearance>Widgets

Recommended Image Size for About Section 

  • Width: 100px
  • Height: 100px

 Service Section

Service Section Bop

Note: In Order to set up Service Section, you need to make a page for it. The Page should have Service  Page Template. The page should have a title and excerpt which will be displayed as the section title and content respectively.

The section below the Slider section in the demo page is the About Section.

  1. Go toAppearance> Customize>Home Page Settings> Service Section.
  2. Give About Section Menu Title.
  3. Choose the Page.
  4. Click Save and Publish.
    Service Section 2- BOP

For inserting widgets  under Service Section 

  1. Go to Appearance> Customize>Home Page Settings> Service Section Widgets
  2. Click Add a Widget.
  3. Insert RARA: Icon Text Widget under About Section Widget. ( To maintain the design it best to add the widgets in the batch of three)
    Service Section Widget
  4. Enter the necessary details for the widgets.
    Icon text Widget _
  5. Click Save and Publish.
    Note : You can also access and edit the Service Section Widget from Appearance>Widgets

Recommended Image for Service Section:

  • Width: 32px
  • Height: 32px

 

Call to Action One

  1. Go to Appearance> Customize>Home Page Settings> Call to Action One
  2. Click Add a Widget
  3. Insert RARA: Call to Action Widget.
  4. Enter the necessary details.
  5. Click Save and Publish.   

Call to Action One

Note : You can also access and edit the Call to Action One from Appearance>Widgets

Portfolio Section:

Portfolio-Section-(1)

Note: In Order to set up Portfolio Section, you need to make a page with Portfolio template. The page should have a title and content or excerpt  which will be displayed as the section title and section content respectively.

The section below the Promotional block section in the demo page is the  Portfolio Section.

Create a new Portfolio item

  1. Go to Portfolio> Add New.
    Add New Portfolio- BOP
  2.  Give a title, fill it up with content, add excerpt, choose category and upload featured image.
  3. Click Publish.

Portfolio Section on Homepage

  1. Go to Appearance >Customize>HomePage Settings>Portfolio Section.
  2. Enter Portfolio Section Menu title.
  3. Select Post One , Post Two , Post Three , Post For and Post Five ( Posts from Portfolio will appear in the drop down.) .
  4. Click Save and Publish.
    Portfolio- Section 2

Recommended Image size Portfolio Section : 

Post-One: 360 px*340 px
Post-Two: 750 px*465 px
Post-Three: 360 px*505 px
Post-Four: 360 px*380 px
Post-Five: 360 px*380 px

Team Section:

team section

Setting up Team Page:

  1. Go to Pages>Add New
  2. Enter Page Title and Content.
  3. Choose Team page as Template under Page Attributes
  4. Click Publish.

Add Team Members:

  1. Go to Team> Add New.
    Team- BOP
  2. Enter the Title, Content, Designation and Social Media Details.
  3. Upload an Image by clicking on Set featured Image. ( Recommended Image size: Width: 340 px, Height: 310 px )
  4. Click Publish. 

Team Section on Homepage

  1. Go to Appearance >Customize>Home Page Settings>Team Section.
  2. Enter Team Section Menu title.
  3. Select the Page with Team Page template.
  4. Click Save & Publish.
    Team Section - BOP

Client Section:

Client section (1) (1)

 

  1. Go to Logos> Add New
    Add New Logo
  2. Enter Title, Set Featured Image and add a link.
  3. Click Publish.

Client Section on Home Page :

  1. Go to Appearance >Customize>Home Page Settings>Client Section.
  2. Enter Client Section Menu Title.
  3. Enter Client Section Title.
  4. Upload Client Section Background.
  5. Click Save and Publish.
    Client Section-2

Blog Section:

blog-section

Note: Set up your blog page before setting up Blog section

  1. Go to Appearance >Customize>Home Page Settings>Blog Section.
  2. Enter Blog Section Menu Title.
  3. Enter Blog Section Title, Blog section Content and View All Blogs text.
  4. Enter No of Character in Excerpt
  5. Click Save and Publish.
    Blog Section- HP

Testimonial Section:

Testimonial1

Note : Make sure that you have created a page with Testimonial template before you set up this section. The title and content/excerpt of the page will appear on the section as  the section title and section content.

Add new Testimonial:

  1. Go to Testimonials > Add New.
    Testimonial Add
  2. Enter Title, Content, and designation.
  3. Click Publish

Testimonial Section on Homepage

  1. Go to Appearance >Customize>Home Page Settings> Testimonial
  2. Enter Testimonial Section Menu Title.
  3. Select Page with Testimonial Template.
  4. Click Save and Publish.
    Testimonial Section One

Recommended Image Size for Testimonial Section: 

Width : 111 px

Height: 111 px

Call to Action Two

  1. Go to Appearance> Customize>Home Page Settings> Call to Action Two
  2. Click Add a Widget
  3. Insert RARA: Call to Action Widget.
  4. Enter the necessary details.
  5. Click Save and Publish.  
    Call to Action two

Note : You can also access and edit the Call to Action two from Appearance>Widgets.

Contact Section:

Contact-Us

Note: 
In order to set up Contact Section, you need to make a page with contact page template. The page should have a title and excerpt which will be displayed as the section title and content respectively.

The contact section appears right below the second promotional block section in the demo page.

For the Contact form to appear as in the demo, you must first install and activate the Contact Form 7. To learn about how to install plugin read the Installing Plugin. For configuring the Plugin read the plugin documentation .

  1. Go to Appearance >Customize>HomePage Setting s> Contact Section
  2. Select a Page for Contact Section. The title and the content of the selected page will appear as a description of the section on the Page.
  3. Enter the Contact Info Title, Contact Info Content, Contact Address, Contact phone, Contact Fax, and Contact Email.
  4. Enter Short Code for the contact form on the Contact Section Contact Form.
  5. Click Save & Publish. 

Contact Us details

Generating Shortcode for the Contact Form as in Demo :

  1. For the Contact form to appear as in the demo, you must first install and activate the Contact Form Seven.  To learn about how to install plugin read the Installing Pluglin.Go to Dashboard> Contact> Add NewContact Form SevenDelete the default content and paste the following codes :
    <p>[text* your-name placeholder "Name"] </p>
    
    <p>[text* your-email placeholder "Your Email"]</p>
    
    <p>[textarea* your-message placeholder "Your Message"]</p>
    
    <p>[submit "Send Message"]</p>

    Click Save.Contact Form seven1

    Copy the shortcode that appear below the Contact Form Name and paste it in the Contact Section Contact Form from Appearance>Customize>Homepage Settings>Contact Section.

    Configure other setting according to Contact Form 7 Documentation  

    Contact Form 2

    Click Save & Publish.

    Note: The above instructions just deals with the design and appearance of the contact form on the theme. You still need to configure your settings following Contact Form 7 Documentation    

    Sort Home Page Items:

    1. Go to Appearance> Customize> Homepage Settings> Sort Home Page Section
    2. Click on the eye Icon to show or hide the section.
    3. Use drag and drop to sort the section.
    4. Click Save and publish .
      Sort Homepage Section

 

 About page Settings:

Our Mission section:

  1. Go to Appearance> Customize> About Page Settings> Our Mission Section
  2. Enter Our Mission Section Title
  3. Click Open Editor and enter the content.
  4. Click Save & Publish.
    Our mission Section

Core Value Section:

  1. Go to Appearance> Customize> About Page Settings> Core Value Section
  2. Enter Core Value Section Title
  3. Click Open Editor and enter the content.
  4. Click Save & Publish.
    Core Value Section

Our Client Section :

  1. Go to Appearance> Customize> About Page Settings> Our Client Section
  2. Enter Our Client Section Title
  3. Upload Our Client Section Background Image
  4. Click Save & Publish.
    Our Client Section

Sort About Page Items:

  1. Go to Appearance> Customize> About Page Settings> Sort About Page Section
  2. Click on the eye Icon to show or hide the section.
  3. Use drag and drop to sort the section.
  4. Click Save & Publish.
    Sort About page Section

Service Page Settings

 iFrame Section:

  1. Go to Appearance> Customize> Service Page Settings> iFrame Section
  2. Enter Video iframe
  3. Click Save & Publish.
    Iframe Section

Feature Section

  1. Go to Appearance> Customize> Service Page Settings> Feature Section
  2. Enter Feature Section Title
  3. Click Open Editor and enter content
  4. Click Save & Publish.
    Feature Section

More Info Section:

  1. Go to Appearance> Customize> Service Page Settings> More Info Section
  2. Enter More Info Title
  3. Click Open Editor and enter content
  4. Click Save & Publish.
    More Info Section

 

Sort Service Page Sections:

  1. Go to Appearance> Customize> Service Page Settings> Sort About Page Sections
  2. Click on the eye Icon to show or hide the section.
  3. Use drag and drop to sort the section.
  4. Click Save & Publish.
    Sort Service Section

Blog Page Settings

  1. Go to Appearance> Customize> Blog Page Settings
  2. Choose Blog page Layout
  3. Check the categories to exclude from blog and archive page.
  4. Click Save & Publish.
    Blog Page Settings

Post Page Settings:

  1. Go to Appearance> Customize> Post Page Settings
  2. Choose to Show or Hide Author Bio.
  3. Choose to Show or hide featured Image.
  4. Choose to Show or hide Comments.
  5. Enable to Highlight Author Comment.
  6. Click Save & Publish.
    Post Page Settings

Post  Meta Settings:

  1. Go to Appearance> Customize> Post Meta Settings
  2. Choose Post meta in Blog Section and Inner Page
  3. Choose Whether to display Categories and Tags in post page
  4. Choose No of Character of Post Excerpt.
  5. Enter Read More Text.
  6. Click Save & Publish.
    Post Meta Settings- BOPP

Breadcrumb Settings:

  1. Go To Appearance> Customize> Breadcrumb Settings.
  2. Choose to enable or disable Breadcrumb
  3. Choose to show or hide Current.
  4. Enter Breadcrumb Home Text.
  5. Enter Breadcrumb Separator.
  6. Click Save & publish.
    Breadcrumb Settings

 Styling Options

  1. Go to Appearance> Customize> Styling Options
  2. Select Layout Style for Single Posts and Archive pages
  3. Select Color Scheme using color pallet.
  4. Configure Background Color, Body background or upload Background image as desired.
  5. Click Save & Publish.
    Stying Settings_BOP

Typography Settings :

You can find theme font options by navigating to Go to Appearance> Customize> Typography Settings
Typography Setting One

This will allow you to configure the typography used on your site. You are able to configure fonts, variant, size, color ( Using Color pallet)  and line height to apply the settings to.
Typography Setting Two

Click Save & Publish, once you are satisfied with your configurations.

 

Sidebar Settings

Add a Sidebar

  1. Go to Appearance> Customize> Sidebar Settings
  2. Click Add New sidebar
  3. Give the sidebar name and unique id.
    Sidebar Settings two
  4. Click Save & Publish.
    Sidebar Settings- BOP

Sidebar Settings

  1. Go to Appearance> Customize> Sidebar Settings
  2. Choose the Sidebar for various Pages like, Single Page Post Page etc.

The sidebar selected under the particular pages will be displayed on the page.

For example:  Blog  Sidebar: Appears only in Blog .

  1. You can Add widgets to sidebar from Appearance> widgets.
  2. Click Save & Publish.
    sidebar setting

 

Social Media Links

  1. Go to Appearance> Customize> Social Settings
  2. Enable Social Links in Headerto show it in header
  3. Enable Social Links in Contact Section to show it in Contact Section
  4. Choose the social media icons to display in Contact Section.
  5. Add Social Links by clicking Add new Link . 
  6. Click Save & Publish.
    Social Settings _ BOP

Menu:

Header Settings:

  1. Go to Appearance> Customize> Header settings
  2. Disable Section Menu, if you wish to disable section menu and have a custom menu
  3. Enable or disable Home Link.
  4. Click Save & Publish.

If you have not disabled section menu, the primary menu on your website will not point to separate pages. Instead, these header menu links can point to relevant sections on the same page. When clicked, they can take you to the relevant section on the page using a smooth scrolling effect. You can enter the Section Menu Title for various sections under various section settings of the Homepage settings.

For Custom Menu and Top Menu :

Business One Page has two menus, a primary menu and top menu. You can set these menu in the following ways:

Option One:

  1. Go to Appearance > Customize>Menus in the WordPress Dashboard
  2. Click on Add new menu button.
    Menu One BOP
  3. Give a name to your menu in Menu Nameand click Create Menu button
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Check the Menu locations to either Primary or Top.
  7. Click Save and Publish after adding required pages, categories in the menu.
    Menu Two - BOP


Option Two

  1. Go to Appearance > Menus in the WordPress Dashboard
  2. Click on Create a new menu link. menu4
  3. Give a name to your menu in Menu Name and click Create Menu button.menu3
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
  5. Order the menu items by using drag and drop function in Menu structure Panel.
  6. Check the box for “Primary Menu” under “Theme locations” if you want the menu to appear below the header bar. Check the box for “ Top Menu” under “ theme location” if you want the menu to appear on the header bar along side the search box.
  7. Click Save Menu after adding required pages, categories in the menu.

Widgets:

The Business One Page Pro offers 13 custom widgets along with the WordPress default widget options. You can add and remove widgets by following the steps below:

Adding a widget:

Option 1:

  1. Navigate to Appearance> Widgets
  2. There are four widget spaces, including Right sidebar and three footer.
  3. Drag the desired widget to the desired widget space. There is a description of each included widget that you can choose from.
    widget2

Option 2:

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click Add a Widget. There is a description of each included widget that you can choose from.
  4. Click on the desired widget.
  5. Drag and reorder the widget as desired
  6. Click Save & Publish.

Remove Widget

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)
  3. Click the widget you want to delete and click delete.
  4. Click Save Changes.
    remove widget

Footer Settings: 

  1. Go to Appearance> Customize> Footer settings
  2. Enter Footer Copy Right text
  3. Hide or Show Author Link and WordPress Link. (Blue is Hide)
  4. Click Save and Publish.
    Footer Settings- BOP

Custom Codes:

  1. Go toAppearance> Customize> Custom Codes
  2. Click Open Editor to open editor, enter your codes.
  3. Click Save and Publish.
    Custom Codes-BOP

Create a New Page

  1. Go to Pages > Add New.
    Add Page
  2. Enter the Page Title for the Page
  3. Write the required Text in the content section
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.
    new-page

Setting up a Blog

To create a blog page, You first need to  create a page for it. To create a page.

  1. Go to Pages> add New
    Add Page
  2. Enter the Page Title for the Page
  3. You do not require to enter anything in the content section for creating a home page.
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.Add New Page ‹ Business — WordPress

Configuring the Page display setting

Go to Appearance>Customize >  Static Front Page.

Choose the page you just created for the Blog as Posts Page.

Click Save & Publish.
Blog

Add a Post

  1. Go to Posts>Add new.
    Posts-add-new
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Adding Excerpt in the Post

  1. For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.
  2. Click Edit below the post name.
    adding excerpt one
  3. Click on the Screen Option on the top left side of the screen.
    adding-excerpt-2
  4. Check Excerpt.
    adding-excerpt-4
  5. A content box for excerpt will appear below the content section. Enter the required details.
    adding-exert-5
  6. Click Publish or Update

Gallery Post Format

Post Formats

This theme has built-in functionality for the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.Post Format-Travel Diaries

Inserting Gallery

For Inserting Gallery in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

  1. Navigate to Jetpack>Settings on the dashboard
  2. Activate the Carousel and Tiled Galleries option by clicking Activate link.Jetpack-gallery
  3. Navigate to the Post where you want to insert the gallery and come its Edit window
  4. Click Add Mediajet-pack-1
  5. Click Create Gallery
  6. Upload and select the desired images for the gallery and click create a new Gallery.jetpack3
  7. Choose the desired Size and Type of your gallery display.
  8. Use drag and drop to order the picture.
  9. Click Insert Gallery.
    jetpack 4
  10. Click Preview to preview the post and click Publish when you are satisfied.

Recommended Image Size

Slider image size:

  • Width: 1400px
  • height: 600px
  • Ratio:7:3 

Home page about section image size:

  • Width: 100px
  • Height: 100px
  • Ratio: 1:1

Homepage service Section Image Size:

  • Width: 32px
  • Height: 32px
  • ratio: 1:1

Homepage Team Section Image Size:

  • Width:340px
  • Height: 310px
  • Ratio: 34:31 

Homepage Testimonial Section Image Size:

  • Width: 111px
  • Height: 111px
  • Ratio: 1:1

Portfolio Section : 

Post-One: 360 px*340 px
Post-Two: 750 px*465 px
Post-Three: 360 px*505 px
Post-Four: 360 px*380 px
Post-Five: 360 px*380 px

Post featured Image (with sidebar):

  • Width: 750px
  • Height: 360px
  • Ratio: 75:36

Full-width Blog featured image

  • Width: 1170px
  • Height: 360px
  • Ratio: 117:36 

Logo / Header Image:

  • Width: 130px
  • Height: 30px
  • Ratio: 13:3

We recommend you to use Regenerate thumbnails plugin to crop all the images if you have already uploaded the Images.

Helpful Tips

  1. We highly recommend to use Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit :https://codex.wordpress.org/Child_Themes
  2. Always keep BackUp of your theme before making any changes to the theme.
  3. If you get any problem in using the theme, you can do the following things:
    • Deactivate the plugins, sometime plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace latest modified code with the original code.
    • If the issue still pertains, feel free to contact us using our Support Ticket
Get all our 17 premium themes worth $1173 at just $199! Lifetime Access and Updates.Get it Now!
+

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match