ResourcesTable of Contents ↑

• Online Help File: http://themolitor.com/help/misc
• Video walk-throughs: http://www.youtube.com/user/themolitor/videos
• Support Forums: http://www.themolitor.com/forums/
• Customization Requests: http://themolitor.com/custom
• Theme Demo: http://themes.themolitor.com/misc
• Handy Plugins:
• Contact Form 7: http://tinyurl.com/2hjj5x
• Twitter Widget Pro: http://tinyurl.com/ygzhxu2
• WP Super Cache: http://tinyurl.com/375zv9
• Regenerate Thumbnails: http://tinyurl.com/7sfaxc
• Autopaginate: http://tinyurl.com/6qp3t4d

InstallationTable of Contents ↑

1. Download and unzip the folder from ThemeForest.
2. Upload the theme folder (with the "style.css" file inside) to the themes directory of your blog, which is located within the wp-content directory.
3. Activate the theme from your admin panel by navigating to "appearance" > "themes".
• NOTE: If you get a message like “stylesheet missing” (it isn’t) or “broken theme” (it’s not), please read this post: http://tinyurl.com/9x7mpvr
4. Options will be accessible from “appearance” > “customize”.

Theme OptionsTable of Contents ↑

Theme options are controlled from the theme customizer panel. Once finished installing the theme, be sure to review the options available by navigating to “Appearance” > “Customize”.

Home PageTable of Contents ↑

By default the built-in home page for the theme will display. If you want a different page to display instead, navigate to the "reading settings" page and select the page in the "front page" drop down menu.

Menu SetupTable of Contents ↑

To organize your menu tabs, navigate to “Appearance” > “Menus” and create a new menu named “Main”. Assign this menu to the “Main Navigation Menu” in the drop down. For more information and instruction, watch the “Using WordPress 3.0 Menu System” video here: http://tinyurl.com/48dozan.

Icons for menu items are controlled from the page edit screen under the "Menu Icon" box. Just select the icon you want to use in the drop down.

NOTE: Sub menus are not supported for the main menu.

Menus page

Menu Icon selection on page edit screen

Pagination Links / Header SliderTable of Contents ↑

To create pagination links at the bottom of the page (as well as activate the slider feature of the main header area), use the "Insert Page Break" button in your page content box editor. If you're using the "text" tab editor (not the "visual" tab), use <!--nextpage--> to separate sections.

Visual Editor

Text Editor

Background Images/Colors for Main SliderTable of Contents ↑

If you're using the slider feature of the main header area (see pagination links above), you can control the background image/color for each slide using the background shortcode. For the URL option, enter the full URL to the image you want to use. For the color option, enter the hex color value you want to use.

[background url="" color=""]

Example from demo site:

Number of Posts for CategoriesTable of Contents ↑

To control the number of posts that appear on category sections, navigate to "Settings" > "Reading" and adjust the "Blog pages show at most" number to your liking (see screenshot below).

Image GalleryTable of Contents ↑

To create an image gallery, simply upload images to a page/post. Click "Create Gallery" and select the images you want in the gallery. When finished, click "Create a new gallery" in the lower right. Then click "insert gallery" in the same location.

WidgetsTable of Contents ↑

The widgets section is controlled from the "widgets" page (under "appearance").

CommentsTable of Contents ↑

• Turn off comments site-wide:
• Navigate to "settings" > "discussion" and uncheck the allow comments box...
• Turn off comments for a specific post/page:
• Uncheck the box in the discussion panel...
• If you don't see this, you can turn it on by clicking "screen options" and checking the box to display discussion options...

Retina ReadyTable of Contents ↑

MISC comes retina ready. When you upload images to your WordPress installation, simply upload another image at twice the size and add "@2x" to the end of the name. For example, if you want to use "myimage.jpg" at 100x200, upload "myimage@2x.jpg" at 200x400.

Image LightboxTable of Contents ↑

This theme uses PrettyPhoto as a lightbox system for images. You can make images show up with the light box by adding rel=”prettyPhoto” to the links. For more info, check out the PrettyPhoto website: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

ShortcodesTable of Contents ↑

This theme has the below shortcodes built into the theme. For a live demo of these shortcode, click here

• [icon class=""]
• Creates a font icon.
• Class is the name of the icon. List of icons available here
• Example: [icon class="icon-download"]
• [divider top="" bottom="" color="" style="" width=""]
• Creates a horizontal divider to separate content on page. All settings are optional.
• Top and bottom determine top and bottom spacing of the divider (defaults are 0).
• Color is the hex value you want to use for the divider (default is #eeeeee).
• Style is the border style you want to use (default is solid).
• Width is the border width you want to use (default is 1).
• Example: [divider top="20" bottom="20" color="#ccc" style="double" width="4"]
• [skill level="" title=""]
• Creates a progress bar indicating your skill.
• Level indicates percentage of the skill.
• Title is the name of the skill.
• Example: [skill level="80" title="PHP"]
• [div class="" top="" right="" bottom="" left="" align=""][/div]
• Creates a div containing the content inside the shortcode tags.
• Class allows you to assign a name for CSS styling purposes (optional)
• Top, right, bottom and left determine spacing of the div (defaults are 0).
• Align is the text alignment of the div content (default is left).
• Example: [div top="20" bottom="20" align="justify"]content inside div here[/div]
• [divinside top="" right="" bottom="" left="" align=""][/divinside]
• Creates a div containing the content inside the shortcode tags. This is helpful if you want another div inside a div shortcode used above
• Top, right, bottom and left determine spacing of the div (defaults are 0).
• Align is the text alignment of the div content (default is left).
• Example: [div top="20" bottom="20" align="justify"]content inside div here[/divinside]
• [clear]
• This shortcode outputs <div class="clear"></div>
• The is useful when floated images/text are causing layout issues.
• [background color="" url=""]
• This is used for slides in the header area. It allows the background image/color to change.
• Color is the hex value to be used.
• URL is the url of the image to be used.
• Example: [background color="#234532" url="http://themolitor.com/example.png"]
• [button color="" link="" size="" new="" light=""][/button]
• Creates a button link as opposed to just a plain text link.
• Color is the hex value to be used for the background of the button (default is theme accent color selection).
• Link is the url of the button to be used.
• Size is the sizing you want to use. Options are large, medium and small (default is large).
• New determines if the link opens in a new window/tab. True means a new window (default is false).
• Light determines if the button has a light background and renders the text darker (default is false)
• Example: [button color="#234532" link="http://themolitor.com/example" size="medium"]Button text[/button]
• [menulink menu=""][/menulink]
• Menu links allow you to access the main menu tabs from anywhere on the site.
• menu is the position of the menu item you want to select (i.e. 1, 2, 3, 4, 5, etc).
• Example: [menulink menu="3"]Link text[/menulink]
• [pagelink page=""][/pagelink]
• Pagination Links allow you to access the different sections of the currently active menu tab.
• page is the pagination link you want to select (i.e. 1, 2, 3, 4, 5, etc).
• Example: [pagelink page="3"]Link text[/pagelink]
• [toggle title="" open=""][/toggle]
• Toggles allow you to have a link that expands the content inside the shortcode.
• title is the name of the link.
• If open is set to "true" it is open by default (default is set to "false").
• Example: [togggle title="Title Text Here"]Toggle content here[/toggle]
• [slider width="" height=""][/slider]
• Slider is the required container for the "slide" shortcode below.
• width and height are optional.
• Example: [slider width="750"]Slide shortcodes go in here[/slider]
• [slide][/slide]
• This shortcode contains the slide content (requires the slider shortcode above).
• Example: [slide]Slide content here[/slide]
• [youtube id="" w="" h=""]
• This shortcode displays a video.
• W and H represent the width and height of the video. Default is w="750" and h="422".
• Example: [youtube id="asasdf23"]
• [vimeo id="" w="" h=""]
• This shortcode displays a video.
• W and H represent the width and height of the video. Default is w="750" and h="422".
• Example: [vimeo id="asasdf23"]
• [viddler id="" w="" h=""]
• This shortcode displays a video.
• W and H represent the width and height of the video. Default is w="750" and h="422".
• Example: [viddler id="asasdf23"]
• [dailymotion id="" w="" h=""]
• This shortcode displays a video.
• W and H represent the width and height of the video. Default is w="750" and h="422".
• Example: [dailymotion id="asasdf23"]
• 1/2 Columns

[one_half][/one_half]

[one_half_last][/one_half_last]

• 1/3 & 2/3 Columns

[one_third][/one_third]

[one_third_last][/one_third_last]

[two_third][/two_third]

[two_third_last][/two_third_last]

• 1/4 & 3/4 Columns

[one_fourth][/one_fourth]

[one_fourth_last][/one_fourth_last]

[three_fourth][/three_fourth]

[threee_fourth_last][/three_fourth_last]

• 1/5, 2/5, 3/5 & 4/5 Columns

[one_fifth][/one_fifth]

[one_fifth_last][/one_fifth_last]

[two_fifth][/two_fifth]

[two_fifth_last][/two_fifth_last]

[three_fifth][/three_fifth]

[three_fifth_last][/three_fifth_last]

[four_fifth][/four_fifth]

[four_fifth_last][/four_fifth_last]

• 1/6, 2/6, 4/6 & 5/6 Columns

[one_sixth][/one_sixth]

[one_sixth_last][/one_sixth_last]

[two_sixth][/two_sixth]

[two_sixth_last][/two_sixth_last]

[four_sixth][/four_sixth]

[four_sixth_last][/four_sixth_last]

[five_sixth][/five_sixth]

[five_sixth_last][/five_sixth_last]

JavaScriptTable of Contents ↑

This theme imports the following JavaScript files:

1. jQuery: jQuery is a JavaScript library that greatly reduces the amount of code that you must write.
2. Custom Scripts: The custom.js file provides some custom scripts for jQuery.
3. PrettyPhoto: PrettyPhoto is a lightbox system for images. You can make images show up with the light box by adding rel=”prettyPhoto” to the links. For more info, check out the PrettyPhoto website: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
4. Backstretch: Allows the fullscreen image effect to work across all major browsers.
5. Retina: Looks for images with @2x at the end of the name to serve on devices that have a high resolution display.
6. Sticky: creates the sticky menu effect when scrolling.

ChangelogTable of Contents ↑

v1.1.0 - May 2015
* Added support for WordPress 4.2 sidebar requirements
* General code improvements and optimizations 

v1.0.1 - May 2013 
* Added sticky menu effect

v1.0.0 - May 2013
* Initial Release