Help File

Help File: SuperMassive

GhostPool.com | Created 18-Oct-10 | Last Updated 22-Jan-13

Changelog | Setup Help & Bug Fixes | Tweaks & Customizations

Table of Contents

  1. Installation
  2. BuddyPress/bbPress
  3. Demo Content
  4. Updating The Theme
  5. Setting Up The Theme
  6. Troubleshooting & FAQs
  7. Credits

1. Installation

Downloading from ThemeForest

Download the SuperMassive theme from your ThemeForest downloads page and then unzip the download. Once the download has been unzipped you should see a folder called supermassive-theme.

Uploading The Theme

Before uploading the theme make sure you have installed WordPress 3.1 or higher. You can download WordPress for free from WordPress.org. Now you can upload the theme in one of two ways:

1. Upload via WordPress
If you have trouble uploading the theme via WordPress you will need to upload the theme via FTP as explained below.
2. Upload via FTP

Activating The Theme

When uploading the theme via WordPress you should be prompted to activate the theme. If uploading the theme via FTP go to Appearance -> Themes and click the Activate link below the SuperMassive theme.

2. BuddyPress/bbPress

Installing BuddyPress

Installing bbPress

Although this theme was designed to work with BuddyPress and bbPress out of the box, I did not create either of these plugins and have no advanced knowledge about them. Unfortunately due to the huge amount of support questions I have to answer each day regarding my own themes I cannot really spend time answering questions about external plugins unless there is a conflict with the theme in some way (in which case I will offer a bug fix). You should direct any general BuddyPress or bbPress related questions to BuddyPress Support or bbPress Support.

3. Demo Content

Before importing the demo content make sure you have installed and activated the theme, BuddyPress and bbPress plugin.

A demo file comes with the theme that imports example posts, pages, comments, custom fields, categories, tags, widgets etc. which can help you in learning how the theme works. To add this content follow the steps below:

3. Updating The Theme

From time to time free theme updates will be released which will include bug fixes and feature updates. When a theme update becomes available you should see an update notification in your admin panel, if you do not see any update notifications follow me on Twitter @ghostpool to be notified of the latest theme updates.

If you have made NO changes to the theme files If you have made changes to the theme files

5. Setting Up The Theme

Homepage


An example of this page should already have been created for you upon installing the theme. If it has not or you wish to create your own pages please read below.
[slider name="slider" width="980" height="400" cats="17" margins="-70,0,0,0" shadow="shadow-xl" align="aligncenter"]

[text text_align="text-center" size="40" line_height="60"]The Next Generation of WordPress Themes[/text]

[text text_align="text-center" color="#666" width="880px" right="auto" left="auto"]This is just an ordinary WordPress page that has been customized using SuperMassive's huge array of shortcodes. Transform any page into a completely unique design in a matter of minutes all for $45. Click <a href="http://themeforest.net/item/supermassive-a-next-generation-wordpress-theme/132454?ref=GhostPool">here</a> to buy this theme today.[/text]

[curved]

[four type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Lorem ipsum dolor[/text]
[text color="#777"]Sit amet, consectetur adipiscing elit. Nam a augue augue. n vel feugiat felis.[/text]
[image url="wp-content/uploads/earth-and-the-communication.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four]

[four_middle type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Libero quis elitr[/text]
[text color="#777"]Ut hendrerit, nibh quis auctor pulvinar, felis. Phasellus euismod sodales lectus.[/text]
[image url="wp-content/uploads/business-hand-pushing-social-network-communication.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four_middle]

[four_middle type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Rutrum non[/text]
[text color="#777"]Praesent rutrum libero quis elit egestas pulvinar.[/text]
[image url="wp-content/uploads/blackboard-with-network-communication-terms-on-it.jpg" width="190" height="140" shadow="shadow-s"  left="8" bottom="10" align="aligncenter"]
[/four_middle]

[four_last type="joint" height="260"]
[text font="Lucida Grande, Lucida Sans Unicode, Arial" other="font-weight: bold;" size="15"]Sollicitudin eget[/text]
[text color="#777"]Suspendisse laoreet blandit turpis, ut congue nislt hendrerit, nibh quis auctor.[/text]
[image url="wp-content/uploads/dirty-keyboard.jpg" width="190" height="140" shadow="shadow-s" left="8" bottom="10" align="aligncenter"]
[/four_last]

[clear][clear]

[two][image shadow="shadow-m" align="aligncenter" url="wp-content/uploads/business-technology.jpg" width="450" height="318"][/two]

[two_last]
[text size="20" width="100%" text_align="text-right" color="#808080" line_height="20"]A stylish panel[/text]
[text size="40" width="100%" text_align="text-right" line_height="40" margins="0,0,10,0"]Without Borders.[/text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a augue augue. Nam ac lacus a libero lacinia imperdiet at non elit. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Praesent nisl risus, vestibulum sed pellentesque blandit, porttitor adipiscing ipsum. Vivamus tincidunt nisi at quam condimentum eget tempor lectus vehicula. Phasellus dictum, nulla sit amet semper facilisis.

Progressively aggregate extensible e-tailers and high standards in quality vectors. Distinctively fashion bricks-and-clicks intellectual capital for state of the art initiatives. Distinctively syndicate real-time technologies through open-source e-markets. Completely morph technically.
[/two_last]

[clear]

[two type="separate" height="304"]

[text width="180px" align="alignleft"]

<strong>Leget tempor lectus vehicula</strong>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam a augue augue. Nam ac lacus a libero lacinia imperdiet at non elit. Vestibulum vel metus. Efficiently disseminate backend resources via real-time architectures. Seamlessly.

[button]Read On...[/button]

[/text]

[image url="http://demo.ghostpool.com/supermassive/wp-content/uploads/large-flat-screen-with-nature-images-1.jpg" link="wp-content/uploads/large-flat-screen-with-nature-images-1.jpg" lightbox="image" height="175" margins="35,0,0,20" reflection="reflection-s" align="alignright"]

[/two]

[two_last]

[accordion]

[panel title="Accordion Panel 1"]Morbi euismod suscipit enim, <a href="#">vitae hendrerit elit</a> cursus et. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum. Vestibulum vel metus pellentesque nibh pulvinar. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Praesent nisl risus, vestibulum sed pellentesque blandit, porttitor adipiscing ipsum. Vivamus tincidunt nisi at.[/panel]

[panel title="Accordion Panel 2"]Vestibulum vel metus pellentesque nibh pulvinar consectetur. Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et.[/panel]

[panel title="Accordion Panel 3"]Vestibulum vel metus pellentesque nibh pulvinar consectetur. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et.[/panel]

[/accordion]

[/two_last]

Navigation


An example navigation should already have been created for you upon installing the theme. If it has not or you wish to create your own navigation please read below.

Background

Shortcodes

This theme comes with several shortcodes. Shortcodes are pieces of code that can be inserted directly into your posts, pages and widgets to add certain content easily such as videos and dividers.

Sliders

Creating Slides Inserting Slider Shortcode
[slider name="slider" width="980" height="400" cats="" slides="-1" timeout="6" orderby="menu_order" order="asc" arrows="true" nav="1" shadow="none" margins="" align="alignnone" preload="false"]

Blog Pages

This theme comes with a [blog] shortcode that can be used to display posts in a blog or gallery/portfolio format.

Creating Posts Inserting Posts Shortcode
[blog]

Gallery/Portfolio Pages

This theme comes with a [blog] shortcode that can be used to display posts in a blog or gallery/portfolio format.

Creating Posts Inserting Posts Shortcode
[blog image_width="250" image_height="150" cols="3" per_page="3" excerpt_length="10" pagination="false" meta_author="false" meta_date="false" meta_cats="false" link="image" title_size="18" divider="false"]

Contact Page


An example of this page should already have been created for you upon installing the theme. If it has not or you wish to create your own pages please read below.

Login/Registration Pages


Login Page Registration Page

You do not need to create a registration page when using BuddyPress.

Sidebars/Widgets

Customising Theme Design

You will probably want to customise the design of the theme. This may involve editing the HTML in the php files (theme structure) and the CSS in the style sheets (theme design). If you are not familiar with HTML and/or CSS you will want to hire a developer to modify the theme for you. You can contact one of these developers from here. If they are unavailable you will have to look elsewhere such as FreelanceSwitch.

Developer Tools

An excellent way of styling your theme is to use the developer tools that come with most modern browsers. The developers tools allow you to see what HTML elements need to be styled and allows you to edit the styling of the theme within the browser window. These changes are not permanent and nobody else sees them, it's just a great way of adjusting the look of your site quickly. Here are some links to the developer tools for each of the major browsers:

Editing the Style

Once you know what HTML elements you need to style and how, you can either edit the stylesheets directly (style.css etc.) or override the default styling by adding your CSS code to the Custom CSS box as explained below:

a {
color: #ff0000;
}

a:hover: {
color: #000000;
}
.post-meta {
color: #ff0000;
}

Translation


Translating The Theme Updating Your Translation Files

Using The Lightbox


Gallery Shortcode
[gallery itemtag="div" link="file" columns="3"]

Manual Use
<a href="http://example.com/imagename.jpg" rel="prettyPhoto"><img src="http://example.com/imagename.jpg" alt="" /></a>
	
<a href="file=http://www.example.com/video.flv&image=http://www.example.com/image.jpg" rel="prettyPhoto[pp_gal]">Text Link</a>
Disabling The Lightbox Script
jQuery("a[rel^='prettyPhoto']").prettyPhoto({
	theme: 'light_square',
	deeplinking: false,
	social_tools: ''
});

6. Troubleshooting & FAQs

It says the theme is broken or missing a style sheet?

If after installing the theme it says it is broken or the style sheet is missing see http://wiki.envato.com/buying/support-buying/solving-broken-theme-issues.

I get a Page Not Found error when I click the page numbers?

You are probably receiving this error message because you are using a custom permalink structure without a forward slash at the end of your permalink. To fix this issue go to your Settings -> Permalinks and in the Custom Structure field add a trailing slash at the end of your permalink e.g. /%category%/%postname%/. You may need to save this page twice for the settings to be correctly changed.

How do I remove the comments section from pages?

Go to Pages -> All Pages and edit the desired pages. In the top right corner of the page click the Screen Options button and make sure the Discussion box is checked. Now scroll down the page and locate the discussion panel and uncheck the Allow comments box.

I do not receive emails from the contact form?

The are several reasons why you may not be receiving the emails:

How do users add avatars (images) to their profiles?

WordPress uses Gravatar to add avatars (user images). Register a free account at Gravatar.com, associate it with the email you're using on your WordPress site and upload your avatar image. Now go back to your site and within a short amount of time your avatar will show up in your comments, profile page etc. If you want people to upload an avatar from your own site instead, use a plugin such as Add Local Avatar.

How do I install a new cufon font?

if($theme_vegur) wp_enqueue_script('vegur', get_template_directory_uri().'/lib/scripts/fonts/Vegur_400-Vegur_700-Vegur_300.font.js', array('cufon'));
wp_enqueue_script('fontname', get_template_directory_uri().'/lib/scripts/fonts/filename.js', array('cufon'));

The cufon font does support characters from my language?

You will need to create your own cufon font file so it supports your characters. Go to http://cufon.shoqolate.com/generate and upload the desired font from the supermassive-theme/help/lib/files folder. Check the The EULAs of these fonts allow Web Embedding box. Now select the glyphs you want to include (choose the glyphs that support your characters). Now check the I acknowledge and accept these terms box and click Let's do this! to generate your cufon font file. Now upload your cufon file to supermassive-theme/supermassive/lib/scripts/fonts overwriting the old cufon file. If your cufon file does not overwrite the old file (it may be a new font) please see the question above.

How do I change the size of the videos in the lightbox?

You need to add the desired width and height to the video URL. For example for a YouTube video with the URL http://youtu.be/oeuHxC1cF0o you would add the following to the end of the URL &width=500&height=250 to give http://youtu.be/oeuHxC1cF0o&width=500&height=250. This will give you a video with a width of 500px and a height of 250px.

How do I insert advertisements within my posts/pages?

You can use a variety of ad plugins to insert advertisements within your posts/page. The plugin Wp-Insert has been tested with this theme. To insert advertisements in the header and footer go to Appearance -> Theme Options -> General Settings and add your content in the Contact Info and Footer Content text boxes.

What SEO plugin do you recommend?

This theme works well with WordPress SEO by Yoast WordPress plugin.

Can I display different widgets on different categories?

Yes you can do this using the Display Widgets WordPress plugin, which allows you to specify which posts, pages and/or categories individual widgets are displayed on.

Why do I get a allowed/allocated memory size fatal error message?

In most cases this issue has nothing to do with the theme. Typically you will need to ask your web host to increase your allowed/allocated memory.

How do I allow users to register to my site?

This is a general WordPress option that can be found under Settings -> General -> Anyone can register.

My page(s) look weird?

This is probably because you have <code></code> or <pre></pre> tags within your page text boxes. Edit your pages, switch to the Text/HTML tab and remove all occurrences of these tags.

7. Credits