ResourcesTable of Contents ↑

• Online Help File: http://themolitor.com/help/wpaid/
• 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/wpaid
• 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

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 ↑

Once finished installing theme, be sure to review the options available by navigating to “appearance” > “customize”.

ImagesTable of Contents ↑

Uploading images will automatically create different sizes. Be sure your image is large enough by preparing its dimensions for the following uses:

• Home Slider: Slider images are set to 936x328.
• Blog: The blog thumbnails are 225x225.
• Footer Carousel: Carousel images are 178x144.
• Gallery: The recommended dimensions for the gallery images are 135x135. You can set this on the "media" page in WordPress (see screenshot below).

Navigation MenuTable of Contents ↑

To create a menu, navigate to “Appearance” > “Menus” and create a new menu named “Main”. Assign this menu to the “Main Navigation Menu” in the drop down (see image below). For more information and instruction, watch this video: http://www.youtube.com/watch?v=U90Jt4qvLMc

Footer Menu Donate ButtonTable of Contents ↑

The footer menu donate button styling is achieved by adding class name "action" to the menu item (see below screenshot).

Home Slider & Footer Carousel ContentTable of Contents ↑

To populate the slider and carousel, you need to create posts in the categories you specified in the theme options. In the post, you can specify a featured image (see step 4 below) and a custom link (see step 5 below). View the below screenshot of an example slider post. Step 2 is optional if you're using the custom link.

Full Width PageTable of Contents ↑

The full width page is achieved by selecting "Full Width Page" in the template drop down inside Page Attributes. See below screenshot...

SidebarTable of Contents ↑

The sidebar contents are controlled from the "widgets" page. The positioning of the sidebars is controlled from the Customize page. The sidebars are 215px wide, so make sure content you add fits that width.

"You've Helped Raise..." + "Donate Now" WidgetTable of Contents ↑

To create this widget, all you need to do is add a text widget to the sidebar. Inside the text widget, add an a tag with id "ticker" and another with id "action" (see screenshot below). NOTE: the ticker requires 8 characters. So, for example, if you've raised $50, you would enter "$0000050".

Example markup...

<a id="ticker" href="FULL-URL-TO-PAGE">$1250000</a><br />
<a id="action" href="FULL-URL-TO-PAGE">Donate Now</a>

Contact Us WidgetTable of Contents ↑

The contact us widget is just a standard text widget. Below you can see the markup used in the demo...

Example markup...

P: 123.456.7890<br />
E: <a href="mailto:YOUR-EMAIL-ADDRESS">YOUR-EMAIL-ADDRESS</a><br />
<br />
1234 NE 100th Stree<br />
Some Place, State 98765<br />
<br />
<a href="FULL-URL-TO-PAGE">Driving Directions →</a>

Social LinksTable of Contents ↑

There are over 70 social icons located in the "images" > "social" folder of the theme files. Below is an example of the markup used in the demo sidebar text widget.

<a class="socialIcons" href="YOUR-PROFILE-URL"><img src="YOUR-WEBSITE-URL/wp-content/images/social/facebook.png" alt="" /></a>

Example markup:

<a class="socialIcons" href="http://twitter.com/themolitor"><img src="http://themes.themolitor.com/wpaid/wp-content/images/social/twitter.png" alt="" /></a>

Image GalleryTable of Contents ↑

Using the built-in WordPress gallery system generates the grid of images on the single post page. Simply upload images to the post/page and use the "insert gallery" option. Be sure to use "image file" for images to open in the lightbox. Also, on the media page,

CommentsTable of Contents ↑

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

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/

Embedding YouTube VideosTable of Contents ↑

You can embed YouTube videos by pasting the embed code provided by YouTube (see screenshot) into the post content box. When you're dealing with raw code, make sure you're using the "HTML" tab (not the "visual") tab on the WordPress page/post edit screen.

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. Cookie.js: conrols the alert box setting for number of days message stays hidden
3. Easing.js: style effect.
4. bxslider.js: enables the footer sponsor area to scroll.
5. Parallax.js: enables the parallax effect for the map in the header area.
6. PrettyPhoto.js: provides the lightbox effect for viewing images in a pop-up.
7. Custom Scripts: The custom.js file provides some custom scripts for jQuery.
8. retina: Enables retina support.
9. responsive: Enables responsive support.
10. IE9: IE9 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. For more info, visit http://code.google.com/p/ie7-js/

PSD FilesTable of Contents ↑

The "aid.psd" file utilizes folders for organizing content. If you're trying to edit a specific section, just locate the proper folder to find the layer.

ChangelogTable of Contents ↑

v2.0.5 - March 2017
* Improved legibility of content and text
* Fixed theme check errors and warnings
* Fixed HTML validator errors and warnings

v2.0.4 - Jun 2015
* Added: ZoomBox lightbox plugin zip file to files folder (optional).
* Removed: prettyPhoto lightbox plugin due to vulnerability.

v2.0.3 - May 2015
* Added support for WP 4.2 sidebar requirements.
* Improved Customizer markup.

v2.0.2 - Mar 2015
* Optimized code.
* Added support for WP 4.1 features/requirements.

v2.0.1 - 03.12.2014
* Fixed Custom CSS theme option bug

v2.0.0 - 11.26.2013
* Updated design
* Added RESPONSIVE support (optional)
* Added retina support
* Added post title to slider
* Added excerpt to post listings
* Added font awesome icon support
* Added “donate now” button for widgets
* Added custom slider background pattern option
* Added logo PSD (regular and double-size for retina)
* Improved performance on mobile devices
* Improved loading times
* Improved slider navigation
* Improved menu drop down performance
* Optimized theme customizer settings

v1.4.1 - 11.15.2013
* Fixed: loading animation bug in Chrome.

v1.4.0 - 9.06.2013
* Updated: theme options now controlled via the WordPress theme customizer (removed OptionTree).
* Improved: general code improvements.

v1.3.0 - 2.28.2013
* Added: localization support.

v1.2.3 - 2.12.2013
* Updated: theme options panel.

v1.2.2 - 11.30.2012
* Added: expiration date control for alert box.

v1.2.1 - 11.27.2012
* Updated: theme options panel appearance and updated/added support tab.

v1.2.0 - 08.09.2012
* Added: built-in theme options. Plugin no longer required.
* Improved: optimized code to be more efficient.

v1.1.1 - 10.21.2011
* Added: dashboard alert to install the OptionTree plugin.

v1.1 - 05.29.2011
* Added: Two-column page template.
* Added: Two-column site-wide theme option.