Spacious

Thank you for using this theme. If this instruction doesn't cover your queries feel free to contact us and we will do what we can.

ThemeGrill · Themes Spacious video tutorial

01Getting started

This is the Spacious 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 spacious.zip file. This is a compressed file containing all of the required templates and images 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 spacious.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

04Home Page Slider

This theme supports the home page image slider. To use it follow the steps below.
  1. In the dashboard, go to Appearance->Customize.
  2. Go to Slider section.
  3. To activate the slider, check the Check to activate slider checkbox
  4. Upload the image # 1 for the first slider. Similarly, add the corresponding slider title, slider description and redirect link. You can link to a link within your site or outside of your site.
  5. Repeat the above step for your other slides.
  6. Then click on Save Changes. That's it, open your home page and it should be there. :)

06Header Image

To set the header image follow below steps.
  1. In the dashboard, go to Appearance->Header.
  2. Click on Browse to add your image. Then click on Upload button.
  3. Crop the Image to your liking. The recommended width is 1500px for the header image.
  4. Click Save Changes.
Note: You can choose the header image to be shown above the header text or below it.
  1. In the dashboard, go to Appearance->Customize->Header.
  2. Scroll a bit below and check on the Position Above or Position Below as your like for the Header Image Position option.
  3. Click Save Changes.
Additional information: Have a look here if you are still confused WordPress Header Image

07Setup Business Template

First Step
  1. In the dashboard, add a new page.
  2. In the Page Attributes option box, choose the Business Template in the Template drop-down option.
  3. Publish the page. Yes, that's it for the first step.
Second StepThe Business template has four widget areas within it. Have a look here in this image. Click on the image for a better view.business-setup
  1. Business Top Sidebar
  2. Business Middle Left Sidebar
  3. Business Middle Right Sidebar
  4. Business Bottom Sidebar
You just need to add some widgets to these sidebars to setup the business template.Third StepBelow are some widgets provided by the theme that you could use to make your business template look awesome.
  1. TG: Services: Add this widget to Business Top/Bottom Sidebar. In this widget, select any of your pages in the drop down option. There are six page drop-down options within it. The title, description and featured image of that same pages that you select will be shown.
  2. TG: Call to Action: Add this widget to Business Top/Bottom Sidebar. In this widget, add the first and second title line, button text, button redirect link and all is done.
  3. TG: Testimonials: Add this widget to any Business Sidebar. In this widgets, add the title, text, name, byline and all is done.
  4. TG: Featured Single Page: Add this widget to Business Middle Left/Right Sidebar. In this widget, select any of your page in the drop down option. The title, description and featured image of that same page that you select will be shown.
  5. TG: Featured Widget: Add this widget to Business Top/Bottom Sidebar. In this widget, add the title and description. select any of your page in the drop down option. There are three page drop-down options within it. The featured image of that same page that you select will be shown.
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.
If you set up everything right you can make your business template look the same as the one on our demo page. Business Template

08How to limit the excerpt text

Now if you want to reduce or increase the number of words that appear in services widgets or post. You can easily change that.
    1. First Go to the service widget page or post in your dashboard.
    2. Just below the page editor you will see the excerpt box
    3. If you don't see the excerpt box. Scroll to the top and you will see the screen options on the right hand side corner.
screen-options
  1. Click it and check the Excerpt box. Now you should see the excerpt box below the editor
  2. Fill the excerpt box with the desired amount of text that you want to show.

09Contact 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 Drop-down. Select Contact Page Template
  3. Copy the contact form 7 shortcode and paste it in this page.
  4. Click on Publish.

10How to Setup Blog page?

You can choose to show blog in 4 different ways.
  1. First go to Settings->Reading->Front Page displays->A static page (select below).
  2. Now from Posts page: dropdown select any page where you like to show blog post.
  3. Click Save Changes.
  4. Now if you want further options then go to Appearance->Customize->Design->Blog Posts display type.
  5. Choose Blog Image Large for large image with excerpt text.
  6. Choose Blog Image Medium for medium image with excerpt text.
  7. Choose Blog Full Content for showing full content without the featured images and readmore
  8. Choose Blog Image Alternate Medium for medium image with excerpt text but images appear in alternate fashion right, left.
  9. Now go to Appearance->Menu and select the blog page you choose in step 2 as menu
  10. See all blog demo here Demo
Also you must upload featured images for each post to show the images on the blog page. For more detail on featured image have a look here Featured Images