907 WP Parallax Theme - WP Documentation

Item Support

Thank you for purchasing NineZeroSeven WordPress Theme. If you have any questions that are beyond the scope of this help file, please visit the support form here.

Server Settings

These are the recommended server requirements for 907 theme.

PHP VERSION 5.6+ (WordPress Recommends 7+ so should use if available)
max_execution_time 180 or greater
memory_limit 128M or greater
post_max_size 32M or greater
upload_max_filesize 32M or greater
max_input_vars 1500 or greater


Documentaion Folder

This is the folder containing this documentation that you are now viewing. No Need to upload it, just keep handy for when you need to refer back to.

changelog.txt File

This file contains and changes in updates that where made, each theme update will come with any changes to files, etc.

READ-FIRST.txt File

This File just contains some general info about files within folder.

ninezeroseven_v4.0.zip

This is your Wordpress theme file for 907 WordPress theme that you add to your themes directory of Wordpress.

ninezeroseven-child.zip

907 child theme included, if you plan on editing the themes core files or add custom styles, it's HIGHLY recommended that you use a child theme so that your changes won't be lost when you update the theme.

Uploading Theme

Inside your Wordpress admin area, go to Appearance > Themes at the top you'll see "Add New" click that tab and the click the link that says "Upload Theme". In the upload box select the ninezeroseven_v4.0.zip folder and click upload.

Adding Child Theme Optional

Upload the ZIP folder called ninezeroseven-child.zip and on Appearance > Themes activate it. You must have the main 907 theme installed as well for the child theme to work.


Activate Theme

Back at Appearance > Themes click the "Activate" link under NineZeroSeven. Congrats! Your Theme is now installed!

 

 

 

Activate Plugins

After activating the theme in the above set, you'll see the message on the right to install/activate plugins.

Click to begin install, which you'll then be taken the page to install(see 'install plugins' image). Select the plugins and click 'install', after installing click 'activate'.


Any plugin aside from the wbc907 core plugin, don't need to be active if you don't want to use them i.e Revolution Slider if you don't plan on having a slider on your site then you can leave it deactivated/unistalled.



To Install and Activate Revolution Slider & WPBakery Builder, you'll need to Activate License for your theme purchase.




Finding Your License key

  1. Go to your Downloads Section on Themeforest and locate your NineZeroSeven(907) theme purchase.

  2. Click the "Download" button, in the menu that appears choose "License certificate & purchase code" to download.

 

 

 

 

Adding License Key

In your WordPress admin area go to 907 Theme > Registration and add your license key into the input field and click register button.

On successful activation you'll get the the activated confirmation screen. At this point you can import demos and install the premium included plugins.







Install Sample Data

Inside your Wordpress admin area, go to Tools > Import click on the "Wordpress" and install that plugin if it isn't already.

Then choose the browser button and select/upload the content.xml file that is located inside the sample-data folder of the demo you'd like to import.


Add Sample Theme Options

Go to 907 Theme > Theme Options > Import/Export click the button that says "Import From File" then paste the theme options sample code into the textarea and click "Import".

The theme options sample code is in the sample data folder for the demo you want to import, just open the theme-options.txt file in a editor and copy the code.

Install Sample Data

Go to 907 Theme > Theme Options > Demo Importer, and click the demo you'd like to import.

It's imporant to wait while it's importing, depending on your server/hosting it could take a little bit to finish.



More Info Here



Install Sample Data

Inside your Wordpress admin area, go to Tools > Import click on the "Wordpress" and install that plugin if it isn't already.

Then choose the browser button and select/upload the content.xml file that is located inside the sample-data folder of the demo you'd like to import.


Add Sample Theme Options

Go to 907 Theme > Theme Options > Import/Export click the button that says "Import From File" then paste the theme options sample code into the textarea and click "Import".

The theme options sample code is in the sample data folder for the demo you want to import, just open the theme-options.txt file in a editor and copy the code.

Information

Please SKIP This if you're not updating your site from theme version below 4.0 to 4.0+


WARNING: Backup your site, it's also best if you do this update in a testing area such as localhost or in a temp install on your site. You can use the Duplicator Plugin to duplicate your site over to your testing enviorment.

Running Theme Updater

Once you have installed 4.0+ you'll be get a message saying your site needs to be updated. Click the "Run Updater" button if you'd like to proceed with updating.

This process will move your recent works into portfolio with category of "Recent Works Item", as well it will update your posts, theme options, etc.

After this updater runs you'll find your options such as header options, socail links, etc in the Theme Options panel under "Depreciated Options". While "Theme Compatibility Mode" is enabled the theme options from the "Depreciated Options" will be loaded and displayed on your site, once disabled the options will no longer be used, and the depreciated Post Types/Shortcodes will not show up.

If you don't want to do this update then just click the "Skip This Step" button.

After Running Updater

Once the updater has finished, make sure to regenerate thumbnails using the Regenerate Thumbnails Plugin

Depreciated Post Types in 4.0

  • Page Sections
    Substitute with page builder

  • Parallax Sections
    Substitute with page builder

  • Recent Works
    Use Portfolio with Categories

  • Team
    Can use page builder instead

Getting Help

Post on the Theme's Support Forum if you have any issues or questions



Add Post

Go to Post > Add New. Enter your post title, and post content.

Set Featured Image

This is optional, if you don't want to display any image for the blog post. But this is needed if you choose to have image/slider/video

Categories

Optional, you can put your posts into categories.


Choose your Format

You can select a post format while creating post from the right hand column of the post editor page.


Link Format

Enter your link title and URL, please not the urls should begin with http://


Quote Format

Enter name, and quote message here to display quote format.


Video Format

Enter a video URL here or embed code.


Gallery Format

This will turn your post featured image area into a slideshow, simply click the "Add/Edit Gallery" button and add some images. :)


Audio Format Self Hosted

For self hosted videos. Enter the path to your MP3 and OGG file. This needs to be the full path to the audio file that is hosted on your server. You can upload them through the media libary

Audio Format Hosted

Enter embed code or shortcode for your audio file.


Page Layout

Select what layout you'd like for the post. Options are full width(in container), left and right sidbar.

Sidebar

You can select to show a different sidebar on the post by using the dropdown selector. Sidebars can be created on Appearance > Widgets page.

Main Menu

If you'd like to display a different menu on the page, you can select it in the dropdown. Menus can be created on Appearance > Menus page.

Footer Menu

If you'd like to display a different menu on the page, you can select it in the dropdown. Menus can be created on Appearance > Menus page.

Show/Hide Breadcrumb

This will show or hide the breadcrumb bar that is displayed below the menu bar at the top of the page.


Add Page

Go to Page > Add New. Enter your post title, and page content.

Page Attributes

Here you can select the page template you'd like using the dropdown selector for "Template".

Select 'Full 100% Width' when wanting one page type layout, as this will give you menu position options.

Set Featured Image

Same as post, featured image if you'd like one there.

Categories

Optional, you can put your posts into categories.


Selecting Page Template


Template

You can choose page template here


Page Menu


Menu Position

When choosing 'Full Width 100%' from page template above you'll see this box appear.

After X amount rows

With this options, you can choose to show the menu after x amount of rows, rows are referring to VC composer rows when using the page builder.

Bottom Of Browser

This will place the menu at the bottom of the browser window.

Top Of Browser

This will place the menu at the top of the browser window in fixed position meaning over the top of whatever is below it.

Leave Blank

Leave blank if you just want the menu at the top of the browser not in fixed position.


Information

This post type is just for sections you want to reuse on pages such as header or footer. You can select these on per page basis or in the Theme Options

Add Info

Add your title and content

Filters Box

You can add filter in this box, the filter is what will be used when sorting the portfolio(buttons)

Categories

Optionally you can add a category, usefull if you want to have multiple portfolios.

Featured Image

Set a featured image, this will be used in shortcodes like portfolio, and portfolio carousels

Portfolio Layout


Menu Position

When choosing 'Full Width 100%' from page template above you'll see this box appear.

After X amount rows

With this options, you can choose to show the menu after x amount of rows, rows are referring to VC composer rows when using the page builder.

Bottom Of Browser

This will place the menu at the bottom of the browser window.

Top Of Browser

This will place the menu at the top of the browser window in fixed position meaning over the top of whatever is below it.

Sidebar Options

When selection the left or right sidebar option, you can choose to display different sidebar for this entry.

Leave Blank

Leave blank if you just want the menu at the top of the browser not in fixed position.


Image Size

This will be used in shortcodes like masonry layout for the portfolio.

Video Embed Code

Enter your embed code or video link(youtube,vimeo,etc). Make sure to set a 'Featured Image' as portfolio/give views won't display the video till opened in lightlox

Image Size

This will be used in shortcodes like masonry layout for the portfolio.

General Section


Font Color

Changes the font color for the page/post.

Primary Color

Changes the primary colors for buttons, overlays, link colors, etc.

Page BG Color

Changes the background color of the whole page.

Page Content Color

Changes colors for the content boxes, like author box, page nav buttons, and lines.

Form Field BG Color

Changes the background color of form fields for the page/post.


Header Section


Override Nav logo/text

Select if you'd like to change the logo/text that is displayed in the menu bar.

Sticky Menu

If you'd like the menu to be sticky, you can enable/disable it here for the page/post.

Show/Hide Topbar

This is for the topbar that is above the menu, used for social icons, and info like phone, email, etc.

Nav Bar Coloring

Change the color of the menu bar, if you'd like it different color than main site.


Footer Section


Show/Hide Footer

This will show/hide the whole enter footer area including widgets and bottom band.

Show/Hide Footer Widget Area

This will just hide/show the widget area of the footer.

Show/Hide Footer Copyright Area

This will just hide/show the bottom band(copyright area) area of the footer.

Footer and Bottom Coloring

If you'd like to change the areas for these 2 options, then just enable them and select your colors. :)


Typography Section


Body Font

Changes the pages font face and style for the current page.

Main Menu Font

Changes the menu font face and style for the current page.

Sub Menu Font

Changes the submenu(hover displayed menu) font face and style for the current page.

Advanced Headings

When enabled you can select a font set for each h tag(h1,h2,h3,etc)

Heading Font(H1-H6 tags)

This whill be applied to all heading tags. This is if you don't use the "Advanced Headings" option above


Extra Headings Section


Heading Style, Used in shortcodes

This are extra heading that you can set, which in some of the shortcodes you can choose to use them. Great for page titles/headers. :)


Theme Update

If you'd like to be notified of updates and have the ability to update from easily then enable this options

Envato Username: Enter your username for Envato

Envato API Key: You need to enter your Envator API key here, you can get a API key in the settings on your profile with Envato.

Primary Color

Changes the color of buttons, links, overlays,etc.

Page BG Color

Changes that page background color

Page Content Color

Changes the color for author box, content boxes, page nav buttons,etc.

CSS Code

You can place custom CSS code in there which will get loaded into the page.

Custom JS Code

You can place custom JS code in there which will get loaded into the page footer.


Logo Type

Choose between image or text type logo.

Site Navbar Logo

Upload custom logo here, best to upload 2x size for retina devices.

Menu Bar Height

This changes the height of the top menu bar.

Sticky Menu

Enables/Disables the menu, when enabled the menu follows as you scroll down the page.

Elastic Menu

When enabled the menu when shrink when scrolling down.

Menu Bar Shrink To

You can enter a height here for what size you'd like the menu to shrink to.

Show/Hide Topbar

Enables/disables the topbar that is shown above the menu bar.

Left Topbar Items

Can display icon and info like phone number,email, etc. This is displayed in the topbar above the menu

Right Topbar Socail

Adds social icons to the topbar on the right side, make sure to enter your full URL for the link(s)

Top Bar & Nav Bar Coloring

Changes the default colors of the top and/or menu bar.

Show/Hide Breadcrumb

Displays breadcrumb area on single page views.

Breadcrumb Background

Add a image, and extra styling to the breadcrumb bar.

Breadcrumb Font Color

Changes the default font color for text

Breadcrumb Link Color

Changes the default font color for text links

Breadcrumb Hover Link Color

Changes the default font color for text hover links

Breadcrumb Padding

Changes the spacing in the breadcrumb bar area


Author Box

Show/hide the author box on single page/post view

Blog Post Style

Sets the default blog layout, you can also just use shortcode for different types of layouts.

Main Blog/Index Layout

Sets the default page template for your main index page, category, etc.

Main Pages Sidebar

You can display a differnet sidebar(other than default) for main pages.

Single Page Blog Layout

Sets a default page layout for single page view.

Single Pages Sidebar

You can display a differnet sidebar(other than default) for single pages.


Portfolio Slug

Changes the portfolio slug(url) when viewing portfolio entries. Make sure to name only lowercase with hyphens in place of spaces.

Portfolio Layout

Sets default portfolio page layout when on single page view.

Sidebar

Choose to show a different sidebar when on portfolio pages.


Overview

These are sections created in the Reuseables post type, when you want a section to be reused across pages/posts/etc. These can be overridden on per page basis as well.

Before

Sections selected here will be shown Before the page content

After

Sections selected here will be shown After the page content


Body Font

Changes the pages font face and style for the current page.

Main Menu Font

Changes the menu font face and style for the current page.

Sub Menu Font

Changes the submenu(hover displayed menu) font face and style for the current page.

Advanced Headings

When enabled you can select a font set for each h tag(h1,h2,h3,etc)

Heading Font(H1-H6 tags)

This whill be applied to all heading tags. This is if you don't use the "Advanced Headings" option above


Imports

Import a demo by clicking on the 'Import Demo' button.


IMPORANT: Works best on clean install, you can use WordPress Reset plugin to reset your install. This will delete all posts, pages, etc so be sure that's what you want to do when using that plugin


IMPORANT: While importing is processing, wait until it has finished.


Import Options

You can import theme options into this area, used when manually importing sample data.

Export Options

Export your current theme options, can be used to have a backup or to import into a differnt install.


Page Builder

1) Click on the button above the post editor to enable the page builder.

2) Click the "+" Button.

3) A list of shortcodes/builder elements will come up(see images to right).

Useful Links

Visual Composer Documentation Here & Some VC Videos HERE




General Tab


Font Color

Changes for color for the row.

Extra Class name

If you want to add a extra class you can here.

Anchor ID

Used for One Page type nav, enter a name in this field. You'll need to added it to the menu like the "Home" link in the Menu Setup Section

Full Height

Sets the height to be atleast the browsers height.


Theme Options Tab


Row Type

Select the type of row, secting "Full Width" will give you the option below(inner content).

Inner Content

Select to display it full width, or have the content that's within the row to be in the container/site grid.

Anchor ID

Used for One Page type nav, enter a name in this field. You'll need to added it to the menu like the "Home" link in the Menu Setup Section

Background Type

Colored BG: See Colored BG

Image/Parallax: See Image/Parallax

Hosted Video: See Hosted Video

Youtube Video: See Youtube Video

Background Color

Options to set the background color.


Colored BG


Border Color

Adds border to bottom of section

Style

Bottom Band adds a band to the bottom of the section

Arrow Down: adds a arrow to bottom of section overlapping the section below.

Band Height

Changes the height when using the bottom band option above

Background Color

Options to set the background color.


Image/Parallax


BG Image

Upload/Select your background image, ideal size is 1200x800.

Background Repeat

Options for background repeating.

Background Position

Sets background position.

Overlay Color

Adds a color overlay over the background image.

Style

Bottom Band adds a band to the bottom of the section

Arrow Down: adds a arrow to bottom of section overlapping the section below.

Border Color

Adds border to bottom of section

Band Height

Changes the height when using the bottom band option above

Background Color

Options to set the background color.


Hosted Video


MP4 video URL

Enter path to your video file here for mp4

WebM video URL

Enter path to your video file here for WebM

OGV video URL

Enter path to your video file here for OGV

Overlay Color

Adds a color overlay over the background image.

Cover Image

Image is shown before video loads and on non-supported devices like Iphone,Ipad,etc.

Style

Bottom Band adds a band to the bottom of the section

Arrow Down: adds a arrow to bottom of section overlapping the section below.

Border Color

Adds border to bottom of section

Band Height

Changes the height when using the bottom band option above

Background Color

Options to set the background color.


Youtube Video


Youtube ID

Enter your Youtube video URL/ID

Mute

Option to have video muted

Video Quality

Select a video quality with this option, or leave default.

Cover Image

Image is shown before video loads and on non-supported devices like Iphone,Ipad,etc.

Overlay Color

Adds a color overlay over the background image.

Style

Bottom Band adds a band to the bottom of the section

Arrow Down: adds a arrow to bottom of section overlapping the section below.

Border Color

Adds border to bottom of section

Band Height

Changes the height when using the bottom band option above

Background Color

Options to set the background color.


Gallery Type

Type of gallery you'd like displayed.

Image Size

Option to choose image size.

Amount of post to show

Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5

Portfolio Categories

When entering portfolio entries, this will display the categories giving you the option to show a portfolio by category.

Order By

Choose the order you'd like your portfolio displayed by.

Ordering

Can choose rather to order up or down based on option above.

Padding

This is the gap between portfolio items, enter a pixel value here.

Show Filter?

Rather to display a filter above the portfolio, this will allow the portfolio to be sorted when clicking on the filter buttons.

Filter Align

Aligns the filter(left,right,center). Show filter must be checked Yes

"All" Word

Changes the default button text for the "All" button. Show filter must be checked Yes

Show Text?

Option to show excerpt text.

Excerpt Length

Changes the excerpt length(text amount). Show Text must be checked Yes

Text Color

Changes the excerpt text color. Show Text must be checked Yes

Text Box BG Color

Changes the background color behind the excerpt text. Show Text must be checked Yes

Overlay Color

Changes the overlay color when mousing over the portfilo image.


Amount of post to show

Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5

Portfolio Categories

When entering portfolio entries, this will display the categories giving you the option to show a portfolio by category.

Include Posts

Include posts by post ID, good for showing only certain posts you'd like displayed

Exclude Posts

Exclude posts by post ID.

Image Size

Option to choose image size.

Order By

Choose the order you'd like your portfolio displayed by.

Ordering

Can choose rather to order up or down based on option above.

Overlay Color

Changes the overlay color when mousing over the portfilo image.

Link Overlay

Makes the whole overlay clickable instead of just the mouse over icons


Layout

Type of blog layout you'd like displayed.

Amount of post to show

Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5

Blog Categories

When entering blog entries, this will display the categories giving you the option to show a blog by category.

Include Posts

Include posts by post ID, good for showing only certain posts you'd like displayed

Exclude Posts

Exclude posts by post ID.

Image Size

Option to choose image size.

Order By

Choose the order you'd like your blog displayed by.

Ordering

Can choose rather to order up or down based on option above.

Padding

This is the gap between blog items, enter a pixel value here.

Excerpt Length

Changes the excerpt length(text amount). Show Text must be checked Yes

Overlay Color

Changes the overlay color when mousing over the blog image.


Icons

List of FontAwesome Icons, just select one you'd like. :)

Icon Style

Option to have circle, or square icon

Icon Extra

Option to choose to add border or outline.

Link

Set a link if you'd like your icon a link.

Font Icon Size

Changes the size of the icon begin displayed.

Icon Color

Changes the icon color

Icon Background

Changes the background color of the icon.

Icon Border Color

Changes the border color of the icon.

Border Size

Changes the width of the border for the icon BG.

Border Radius

Changes the radius of the icons background


Align Content

Choose where you'd like your content aligned(left,right,center)

Background color

Background color for the box.

Font Color

Color for text inside the box.

Border Radius

If you'd like to add a border radius you can enter it here.

Border Style

Style you'd like the border of the box

Border Color

Color you'd like the border around the box to be.

Border Width

Changes the width of the border for the icon BG.


Button Text

Text you'd like displayed on the button.

Link

Add a URL for the button, you can also enter row ID like #anchor-name. that you've created in the row shortcode.

Align Button

Aligns the button, left, right, center.

Font Size

Sets the size of the font on the button

Line height

Great for centering the text.

Button Width

Sets the button width, can be percentage width as well.

Background Color

Changes the background color of the button

Font Color

Changes the font color for the text within the button.

Border Radius

Changes the radius of the button.

Border Width

Changes the width of the border around the button.


Button Hover


Font Color

Color you'd like the font when hovered

Background Color

Color you'd like the background when hovered

Border Color

Color you'd like the border when hovered


Icons

List of FontAwesome Icons, just select one you'd like. :)

Icon Style

Option to have circle, or square icon

Icon Extra

Option to choose to add border or outline.

Align List

Aligns the icons to left, right or center

Font/Icon Size

Changes the size of the icon begin displayed.

Icon Color

Changes the icon color

Icon Background

Changes the background color of the icon.

Icon Border Color

Changes the border color of the icon.

Inner Content Font Color

Color for the font within the editor below.

Border Size

Changes the width of the border for the icon BG.

Border Radius

Changes the radius of the icons background

Content

Content you want display in your list. :)


Title

Enter your heading title, as stated in the image use the pipe character "|" to turn text into theme primary color. IE: "Some |Title| Here", title will be turned into theme color.

Heading Tag

Options for H1-H6 tags.

Heading Font Style

Sets the font style for the heading, you can change this in to options on the page or theme options panel.

Align List

Aligns the icons to left, right or center

Font Size

Changes the font size.

Line height

Changes the line height for the heading.

Letter Spacing

Changes the spacing between the letters.

Piped Text Color

Changes the color for the text in the "Title" field above that's between the "|" characters.

Text Color

Changes the font color for the heading

Align

Aligns text to left, right, center, etc.

Font Size < 750 Width

Responsive option to redux font size on screens below 750 width.

Font Size < 480 Width

Responsive option to redux font size on screens below 480 width.


Icon Style

Option to have circle, or square icon

Icon Extra

Option to choose to add border or outline.

Align List

Aligns the icons to left, right or center

Font/Icon Size

Changes the size of the icon begin displayed.

Icon Color

Changes the icon color

Icon Background

Changes the background color of the icon.

Icon Border Color

Changes the border color of the icon.

Inner Content Font Color

Color for the font within the editor below.

Border Size

Changes the width of the border for the icon BG.

Border Radius

Changes the radius of the icons background


List Item Important

Once you insert this, click on the "Plus" sign in the middle and select the "List Item". Should be the only option shown.
Then follow steps below.


List Item


Icons

List of FontAwesome Icons, just select one you'd like. :)

Content

Content you want display in your list. :)


Usage

1) Enter title you'd like displayed as a heading

2) Enter a number of how many comments you want displayed.


Usage

1) Enter title you'd like displayed as a heading

2) Enter a youtube or vimeo link.


Usage

1) Enter title you'd like displayed as a heading

2) Select post type you'd like.

3) How many you want displayed


Activate Plugins

You can active the Slider Revolution & Visual Composer by going to Appearance > Install Prem. Plugins.
See Installation Section (Activate Plugins) for more info.

Visual Composer Documentation Here

Revolution Slider Documentation Here

Usage

Open the file that is inside the ninezeroseven/languages folder called default.po and edit with a program like PoEdit to translate into your language choice.

Save the file with your language code, like german would be de_DE.mo

Open your wp-config.php file located in your wordpress root directory and find

define('WPLANG', '');

Change to

define('WPLANG', 'de_DE');

You can find a great article on translating with PoEdit here: Internationalizing And Localizing Your WordPress Theme

  1. Wordpress.org — Great Tool
  2. Google Web Fonts — Google's web fonts.
  3. Ivor's Documentation Template — Clean documentation template.
  4. Bootstrap — Popular Responsive Framework
  5. Redux Framework — Awesome Theme Options Panel
  6. FontAwesome — Popular Font Icons
  7. Flexslider — Great Responsive Slider.
  8. Flaticon — Tons Of Great Font Icons.

Thanks again for buying this theme, if you need any help/support at all contact me.


Item Support