Ample Pro

Thank you for using this theme. If this instruction doesn't cover your queries feel free put your query in our support forum here. Our dedicated support team will look into it and will back to you as soon as possible.

ThemeGrill · Themes

01Getting started

This is the Ample Pro theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler let us know we will be glad to change it. Let's start! On the right side you can see the table of contents of this documentation.Jump to the section you want, or read it all through - your choice.Let's move on!

02Installation

Installing your theme is pretty easy! After downloading you should have a ample-pro.zip file. This is a compressed file containing all of the required templates, images and icons required for the theme to function properly.

Upload the theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the ample-pro.zip file
  5. Click Install Now

Activate the theme

  1. Go to Appearance > Themes in the WordPress menu
  2. Hover over the theme thumbnail and press the Activate button
Additional information: WordPress Codex – Using Themes

04Header Image

To set the header image follow below steps.
  1. In the dashboard, go to Appearance > Customize.
  2. Click on the Header Image section.
  3. Upload your logo by clicking on the Add New Image button.
  4. After you upload the headerimage, click on Save & Publish button to save the changes.
Note: The recommended header image size for this theme is 1500 X 400 pixels. Additional information: Have a look here if you are still confused WordPress Header Image

05Setup Business Template

  1. In the dashboard, add a new page.
  2. In the Page Attributes option box, choose the Business Template in the Template dropdown option.
  3. Publish the page.
business-templateYou just need to add some widgets to Business sidebar to setup the business template.
Note: If you want to set this Business Page as the Home page, then follow the instruction below:
  1. In the dashboard, go to Settings->Reading.
  2. Check on the 'Static Page' option.
  3. Choose the business page(the page you created following the instruction above) as the front page.
  4. Save the Changes.
Note: Business template display all the widgets of Business Sideber only. It does not display the content of the respective page. If you want to use text(content) in the Business template than you can use Black Studio TinyMCE Widget Plugin .

06Contact Us Page

Plugin Installation

  1. Download Contact Form 7 plugin from here Download then install and activate it
  2. Then go to plugin's page and set it. Here is a detail on that Docs

Contact us page template

  1. Go to dashboard, then create a page. Give it a name "Contact" or "Contact us" as you wish.
  2. Now on the right hand side you can see Template Dropdown. Select Contact Page Template
  3. Copy the contact form 7 shortcode and paste it in this page.
  4. Click on Publish.

07Setup One Page Template

  1. In the dashboard, add a new page.
  2. In the Page Attributes option box, choose the One Page Template in the Template dropdown option.
  3. Publish the page.
You just need to add some widgets to One Page sidebar to setup the One Page template.Enter the ID (for example 'serviceid', you can use any keyword), in the Section ID field provided in the widget.Setting Menu for One Page:Create custom Menu Use Custom Link. In the URL field use the ID ('#serviceid', same ID that is used in widget) Or better use in this format: http://YOUR_SITE.com/#serviceidPlease check 'Activate one page style menu' in Customize->Additional for One Page.
Note: If you want to set this One Page as the Home page, then follow the instruction below:
  1. In the dashboard, go to Settings->Reading.
  2. Check on the 'Static Page' option.
  3. Choose the page(the page you created following the instruction above) as the front page.
  4. Save the Changes.
onepage-templateNote: One page template display all the widgets of One page Sideber only. It does not display the content of the respective page. If you want to use text(content) in the One page template than you can use Black Studio TinyMCE Widget Plugin .

08Widget Descriptions

Ample Pro provide six awesome widget that you can use to make you business/one page templates look amazing.Note: No need to input anything in "Section ID" field in the widgets unless you use the widget in the One page Sidebar.
  1. TG: Service WidgetThis widget enable you to display your services. In this widget, add the Title, Description and Image. Also select any of your pages in the drop down option and give the icon class for respective pages.
  2. TG: PortfolioShow your Portfolio using this widget. In this widget, add the Title and Description, select the number of posts to display from certain Category as portfolio. Add the button text and it's link to redirect it to any link or leave the Link empty to redirect it to the choosen Category. There is also the option of background color and image. If image is not selected than color will display as background, else upload image and select background attachment to scroll or fixed.
  3. TG: Featured PostsThis widget display your latest posts. In this widget, add the Title and Description. Select the number of posts to display from either the Latest Posts or Posts from the certain Category. The featured image and excerpt of posts will be shown.
  4. TG: Call To Action WidgetDisplay Call to action. In this widget, add the Text line, Button text, Button redirect link. There is also the option of background color and image. If image is not selected than color will display as background, else upload image and select background attachment to scroll or fixed.
  5. TG: TestimonialDisplay Testimonials. In this widget, add the Title and Description. By default the number fo testimonials is 2, if you need to increase number than enter the value and save. Now, Enter the Text, Name, Byline and image for each. If image is not used than a icon will be displayed.
  6. TG: Our ClientsDisplay your client logo/images. In this widget, add the Title and Description. By default the number fo testimonials is 2, if you need to increase number than enter the value and save. Now, upload the logo/images and enter the Link to redirect and Hover text.

10Design Settings

Design Setting is available in Appearance->Customize->Design. This section contain the setting related to Header part.

Site Layout

Select the Wide or Box Layout for the site.

Layout Options

Both Sidebar layout is intregated in Ample Pro
both-sidebar
  1. Default Layout By default this options will be selected which will display the Right Sidebar.
  2. Right Sidebar
  3. Left Sidebar
  4. No Sidebar Full Width
  5. No Sidebar Content Centered
  6. Both Sidebar

Select Layout for each Page/Post

You can select different layout for each pages and posts. layoutDefault LayoutThis layout will be reflected in whole site archives, search etc. The layout for a single post and page can be controlled from below options.Default layout for pages onlySelect default layout for pages. This layout will be reflected in all pages unless unique layout is set for specific page.Default Layout For Single Posts OnlySelect default layout for single posts. This layout will be reflected in all single posts unless unique layout is set for specific post.

Custom CSS Box.

Ample-pro have Custom CSS Box which will ease your work if you need to add CSS in your site. Note: It will strip all the tags. Also, we strongly recommend not to edit the code in the theme's file. You changes will be lost if you update the theme. Use child theme instead. Or this Box for Styling.

11Social Links Settings

social-icon Social Links Setting is available in Appearance->Customize->Social Links. This section contain the setting related to Social Links. Upto 10 Social Link can be added. Social Links are displayed in Top Right section of Header Top Bar.

12Slider Settings

Slider Setting is available in Appearance->Customize->Slider. This section contain the setting related to Slider Links.
Hurray!!! Unlimited number of slider can be added in Ample-pro
Activate SliderSlider will not display by default. It need to be activated.Slider StatusSelect the option to display slider in Front Page or in all the pages.Slider Settings

13Additional Settings

Additional Setting is available in Appearance->Customize->Additional. This section contain the miscellaneous setting.One Page SettingsOnly check this box if you use One Page.FaviconOption to use Favicon is available. Upload the image and activate.Category To Hide From BlogSelect the Category (Multiple Category can be selected) to hide it from the blog page.Excerpts of Full Posts OptionsShow Full post content or show Excerpt to display in blog/archives pages.Excerpt LengthEnter the number of Words to show on excerpt.Excerpt Read more TextReplace default Read more text with your own word.Allow Comments on PagesBy default the comment on the pages is disable. Check the provided checkbox to show comments in the pages too.Hide Menu Top BorderSelected or hover menu item has a line display at top (top border). Check the provided checkbox to disable this top border.
Hurray!!! Ample-pro provide Editor Box to edit Copyright information.

14Typography and Color Settings

Typography Setting is available in Appearance->Customize->Typography. Color Setting is available in Appearance->Customize->Color.
Typography provide options to choose from 600+ Google Fonts to be applied in the different section of the theme. Also, 25 font size options is available to change the font size of the different part.
28 Color Options (including Primary Color Option) to change the color of different part is awesome feature that give unique look to any site.

15WooCommerce

WooCommerce Setting is available in Appearance->Customize->WooCommerce. This option will be available if WooCommerce plugin is activated.Select the layout for the WooCommerce Archive Page.

16Supported Plugins

This theme support the following Plugins:
    1. Breadcrumb NavXT plugin.
  1. WP-PageNavi plugin.
  2. Polylang and WPML plugin.
  3. WooCommerce plugin.
Other plugins are not tested with this theme but by default some plugins might work with the theme.