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.
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 |
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.
This file contains and changes in updates that where made, each theme update will come with any changes to files, etc.
This File just contains some general info about files within folder.
This is your Wordpress theme file for 907 WordPress theme that you add to your themes directory of Wordpress.
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.
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.
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.
Back at Appearance > Themes click the "Activate" link under NineZeroSeven. Congrats! Your Theme is now installed!
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.
Please note that as outline in Envato's licensing terms your allowed to use your license on 1 domain, if you require more then you'd need to purchase seperate license for each domain name/installation.
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.
Don't do these steps if you use the one-click importer, this is just alternative method to upload demo content/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.
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.
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.
Don't do these steps if you use the one-click importer, this is just alternative method to upload demo content/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.
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.
Go to Post > Add New. Enter your post title, and post content.
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
Optional, you can put your posts into categories.
You can select a post format while creating post from the right hand column of the post editor page.
Enter your link title and URL, please not the urls should begin with http://
Enter name, and quote message here to display quote format.
Enter a video URL here or embed code.
This will turn your post featured image area into a slideshow, simply click the "Add/Edit Gallery" button and add some images. :)
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
Enter embed code or shortcode for your audio file.
Select what layout you'd like for the post. Options are full width(in container), left and right sidbar.
You can select to show a different sidebar on the post by using the dropdown selector. Sidebars can be created on Appearance > Widgets page.
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.
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.
This will show or hide the breadcrumb bar that is displayed below the menu bar at the top of the page.
Go to Page > Add New. Enter your post title, and page content.
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.
Same as post, featured image if you'd like one there.
Optional, you can put your posts into categories.
You can choose page template here
When choosing 'Full Width 100%' from page template above you'll see this box appear.
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.
This will place the menu at the bottom of the browser window.
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 if you just want the menu at the top of the browser not in fixed position.
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 your title and content
You can add filter in this box, the filter is what will be used when sorting the portfolio(buttons)
Optionally you can add a category, usefull if you want to have multiple portfolios.
Set a featured image, this will be used in shortcodes like portfolio, and portfolio carousels
When choosing 'Full Width 100%' from page template above you'll see this box appear.
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.
This will place the menu at the bottom of the browser window.
This will place the menu at the top of the browser window in fixed position meaning over the top of whatever is below it.
When selection the left or right sidebar option, you can choose to display different sidebar for this entry.
Leave blank if you just want the menu at the top of the browser not in fixed position.
This will be used in shortcodes like masonry layout for the portfolio.
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
This will be used in shortcodes like masonry layout for the portfolio.
Use the 'Add/Edit' button and select/upload the images you'd like in the gallery/slideshows.
This will be used in shortcodes like masonry layout for the portfolio.
Changes the font color for the page/post.
Changes the primary colors for buttons, overlays, link colors, etc.
Changes the background color of the whole page.
Changes colors for the content boxes, like author box, page nav buttons, and lines.
Changes the background color of form fields for the page/post.
Select if you'd like to change the logo/text that is displayed in the menu bar.
If you'd like the menu to be sticky, you can enable/disable it here for the page/post.
This is for the topbar that is above the menu, used for social icons, and info like phone, email, etc.
Change the color of the menu bar, if you'd like it different color than main site.
This will show/hide the whole enter footer area including widgets and bottom band.
This will just hide/show the widget area of the footer.
This will just hide/show the bottom band(copyright area) area of the footer.
If you'd like to change the areas for these 2 options, then just enable them and select your colors. :)
Changes the pages font face and style for the current page.
Changes the menu font face and style for the current page.
Changes the submenu(hover displayed menu) font face and style for the current page.
When enabled you can select a font set for each h tag(h1,h2,h3,etc)
This whill be applied to all heading tags. This is if you don't use the "Advanced Headings" option above
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. :)
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.
Changes the color of buttons, links, overlays,etc.
Changes that page background color
Changes the color for author box, content boxes, page nav buttons,etc.
You can place custom CSS code in there which will get loaded into the page.
You can place custom JS code in there which will get loaded into the page footer.
Choose between image or text type logo.
Upload custom logo here, best to upload 2x size for retina devices.
This changes the height of the top menu bar.
Enables/Disables the menu, when enabled the menu follows as you scroll down the page.
When enabled the menu when shrink when scrolling down.
You can enter a height here for what size you'd like the menu to shrink to.
Enables/disables the topbar that is shown above the menu bar.
Can display icon and info like phone number,email, etc. This is displayed in the topbar above the menu
Adds social icons to the topbar on the right side, make sure to enter your full URL for the link(s)
Changes the default colors of the top and/or menu bar.
Displays breadcrumb area on single page views.
Add a image, and extra styling to the breadcrumb bar.
Changes the default font color for text
Changes the default font color for text links
Changes the default font color for text hover links
Changes the spacing in the breadcrumb bar area
Show/hide the author box on single page/post view
Sets the default blog layout, you can also just use shortcode for different types of layouts.
Sets the default page template for your main index page, category, etc.
You can display a differnet sidebar(other than default) for main pages.
Sets a default page layout for single page view.
You can display a differnet sidebar(other than default) for single pages.
Changes the portfolio slug(url) when viewing portfolio entries. Make sure to name only lowercase with hyphens in place of spaces.
Sets default portfolio page layout when on single page view.
Choose to show a different sidebar when on portfolio pages.
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.
Sections selected here will be shown
Sections selected here will be shown
Changes the pages font face and style for the current page.
Changes the menu font face and style for the current page.
Changes the submenu(hover displayed menu) font face and style for the current page.
When enabled you can select a font set for each h tag(h1,h2,h3,etc)
This whill be applied to all heading tags. This is if you don't use the "Advanced Headings" option above
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.
You can import theme options into this area, used when manually importing sample data.
Export your current theme options, can be used to have a backup or to import into a differnt install.
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).
Changes for color for the row.
If you want to add a extra class you can here.
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
Sets the height to be atleast the browsers height.
Select the type of row, secting "Full Width" will give you the option below(inner content).
Select to display it full width, or have the content that's within the row to be in the container/site grid.
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
Colored BG: See Colored BG
Image/Parallax: See Image/Parallax
Hosted Video: See Hosted Video
Youtube Video: See Youtube Video
Options to set the background color.
Adds border to bottom of section
Bottom Band adds a band to the bottom of the section
Arrow Down: adds a arrow to bottom of section overlapping the section below.
Changes the height when using the bottom band option above
Options to set the background color.
Upload/Select your background image, ideal size is 1200x800
.
Options for background repeating.
Sets background position.
Adds a color overlay over the background image.
Bottom Band adds a band to the bottom of the section
Arrow Down: adds a arrow to bottom of section overlapping the section below.
Adds border to bottom of section
Changes the height when using the bottom band option above
Options to set the background color.
Enter path to your video file here for mp4
Enter path to your video file here for WebM
Enter path to your video file here for OGV
Adds a color overlay over the background image.
Image is shown before video loads and on non-supported devices like Iphone,Ipad,etc.
Bottom Band adds a band to the bottom of the section
Arrow Down: adds a arrow to bottom of section overlapping the section below.
Adds border to bottom of section
Changes the height when using the bottom band option above
Options to set the background color.
Enter your Youtube video URL/ID
Option to have video muted
Select a video quality with this option, or leave default.
Image is shown before video loads and on non-supported devices like Iphone,Ipad,etc.
Adds a color overlay over the background image.
Bottom Band adds a band to the bottom of the section
Arrow Down: adds a arrow to bottom of section overlapping the section below.
Adds border to bottom of section
Changes the height when using the bottom band option above
Options to set the background color.
Type of gallery you'd like displayed.
Option to choose image size.
Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5
When entering portfolio entries, this will display the categories giving you the option to show a portfolio by category.
Choose the order you'd like your portfolio displayed by.
Can choose rather to order up or down based on option above.
This is the gap between portfolio items, enter a pixel value here.
Rather to display a filter above the portfolio, this will allow the portfolio to be sorted when clicking on the filter buttons.
Aligns the filter(left,right,center). Show filter must be checked Yes
Changes the default button text for the "All" button. Show filter must be checked Yes
Option to show excerpt text.
Changes the excerpt length(text amount). Show Text must be checked Yes
Changes the excerpt text color. Show Text must be checked Yes
Changes the background color behind the excerpt text. Show Text must be checked Yes
Changes the overlay color when mousing over the portfilo image.
Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5
When entering portfolio entries, this will display the categories giving you the option to show a portfolio by category.
Include posts by post ID, good for showing only certain posts you'd like displayed
Exclude posts by post ID.
Option to choose image size.
Choose the order you'd like your portfolio displayed by.
Can choose rather to order up or down based on option above.
Changes the overlay color when mousing over the portfilo image.
Makes the whole overlay clickable instead of just the mouse over icons
Type of blog layout you'd like displayed.
Leave blank to show all post, or enter the number of post you'd like displayed. I.E 5
When entering blog entries, this will display the categories giving you the option to show a blog by category.
Include posts by post ID, good for showing only certain posts you'd like displayed
Exclude posts by post ID.
Option to choose image size.
Choose the order you'd like your blog displayed by.
Can choose rather to order up or down based on option above.
This is the gap between blog items, enter a pixel value here.
Changes the excerpt length(text amount). Show Text must be checked Yes
Changes the overlay color when mousing over the blog image.
List of FontAwesome Icons, just select one you'd like. :)
Option to have circle, or square icon
Option to choose to add border or outline.
Set a link if you'd like your icon a link.
Changes the size of the icon begin displayed.
Changes the icon color
Changes the background color of the icon.
Changes the border color of the icon.
Changes the width of the border for the icon BG.
Changes the radius of the icons background
Choose where you'd like your content aligned(left,right,center)
Background color for the box.
Color for text inside the box.
If you'd like to add a border radius you can enter it here.
Style you'd like the border of the box
Color you'd like the border around the box to be.
Changes the width of the border for the icon BG.