Thank you for purchasing my theme, I really do appreciate every sale. Please read this document and explore the item comments and FAQ items for further information and help.
For questions on basic WordPress installation/usage, HTML, JavaScript or CSS editing - please try the ThemeForest forums, W3Schools, the Wordpress Codex or Google as theme errors/issues get top priority.
All support requests must go through the form on my ThemeForest profile page
Customizations (color changes, padding, styles, etc...) will need to be billed accordingly. Contact me for a quote and availability with as much information as possible for an accurate estimate.
Don't forget to check my YouTube channel for video tutorials.
Stylesheet Missing error? - Do not upload the entire download you get from ThemeForest, just upload the theme folder itself
Follow the steps in the order given below. They are intended for a blank install but read through them even if switching a current site to learn how the site works.
Do not upload the entire download from ThemeForest.
Go to your WordPress Admin area > Appearance > Themes > Install Themes and click Upload.
Browse for the theme zip file located in the "Theme Files" folder.
Activate the Theme
Note, if any child themes are to be used, the parent (main) theme must also be uploaded to your server.
For each plugin go to Plugins > Add New and then search for the title in bold.
Easy Fancybox
Go to Settings > Media and scroll down to FancyBox to see the available settings.
Audio Player by Martin Laine
Used for audio post formatting.
Contact Form 7
A free, easy to use contact form builder.
Go to tools: Import > WordPress (you may need to activate and install the importer if prompted)
Use the included XML file I have provided in the download.
When asked, check the box to download and import file attachments.
(Leave default if you want the theme like my demo with a blog-style home)
If you do not want a blog-style home page, go to Settings > Reading and set a static page for the front home and posts page (blog).
Go to Appearance > Menus to create and assemble the main menu of links, pages and categories. Be sure to click "Save Menu".
Note that there are additional options available in the Screen Options tab while you're on this page.
You may have noticed that your site is missing content in the footer and sidebars.
Go to Appearance > Widgets and drag and drop the widgets you need into the various sections. Please take the time to read through all the notes.
This theme uses the WordPress Featured Image (Post Thumbnail) feature to resize images automatically. This image size can be used in the gallery shortcode.
Eg: [gallery size='four' link='file']
The other default WordPress image sizes can be set via your Media settings in the WordPress admin area.
When you create or edit a page, there will be a dropdown, typically along the right column for choosing a page template.
You can enable or disable comments on pages while editing a page, you may need to show that feature by clicking on screen options and checking the discussion box to appear and then enable or disable comments.
The default page template. It will be set up in two columns.
Full width page template.
Watch for video tutorials on this on the item's description on ThemeForest or my YouTube channel.
This template pulls posts in the Portfolio custom post type, a new section this theme adds in the admin area.
The posts must have a featured image set to display properly.
Displays blog archive data: Latest Posts, Categories, Posts by Month and Tags
Displays all blog categories with posts and each post assigned to that category in a list.
Displays all blog tags with posts and each post assigned to that tag in a list.
When you create or edit a post, this theme adds a meta box titled Format. It will have options such as Aside, Gallery, Link, etc.
See the sample content for proper use of each.
Please import the sample content to explore how these are used. (but they're totally optional)
Any post format can include a featured image set which will appear above the post.
Always include a post title.
Shortcodes are a very powerful way to insert custom functions directly into the main content of a wordpress page or post. They are items surrounded with square brackets like [shortcode] and can accept parameters (options) and/or content. Enter shortcodes in HTML mode on your WordPress editor, they are case sensitive.
See the demo content imported with the sample content xml for actual usage.
Display a large message with custom text and a button to hide the message.
| Parameter | Values | Description |
|---|---|---|
| type | warning, error or success | Changes the color of the message. |
| close | Close! | Text used for the close link |
[cudazi_message type='warning' close='Hide This']Warning, you are about to catch on fire.[/cudazi_message]
I highly suggest downloading the sample content and copy/paste the examples out for your own use.
| Parameter | Values | Description |
|---|---|---|
| width | one_half | Enter the column size. |
[column_start width="one_third"] Column Content... [column_end] [column_start width="one_third"] Column Content... [column_end] [column_start width="one_third last"] Column Content... [column_end]
Available widths: one_half, one_third, two_third, one_fourth, three_fourth, one_fifth, two_fifth, three_fifth, four_fifth, one_sixth or five_sixth
Note the use of "last" in the width for the last column
Columns should add to 1, eg: one_half + one_half equals one full column.
The [column_clear] fixes an IE issue where the content following your group needs to be cleared.
Used to display a default WordPress gallery
This theme has many more image sizes available than the default thumbnail, medium, large and full for the size attribute, see the Image Sizes section in this help document.
A quick note on shortcode formatting:
When you are entering shortcodes in the editor (HTML mode) WordPress tries to add br and p tags automatically. Sometimes, this is fine but other times you will notice it throws your layout off or adds space where there should not be any.
How do we solve this?
Well, when you need to remove all formatting inside a specific area and let your code span a few lines, surround everything with [raw] [/raw] tags. Another tip is to add a full space (top and bottom) between shortcodes and their content.
This theme is a responsive layout from http://www.getskeleton.com/ please visit that site for in-depth tutorials and information.
Use one of the included child themes as a base for further CSS customization.
Download firebug to track down which styles are being used and test-edit the CSS.
The JavaScript / jQuery plugins are stored in js/plugins-combined.js. You do not need to edit these items.
The script(s) you can edit as needed are:
Please explore the PSD folder in the download for the source Photoshop files.
They have been separated out by name for ease of use.
I've used the following images, icons or other files as listed.
Once again, thank you for your purchase, I do really appreciate it.