Mustache Theme Docs

Please note that this theme is a single page business or portfolio theme, great for showcasing your credentials or as a very well styled pretty landing page.  Please see demo here>> so there are no surprises.  If you follow below recommendations, you’ll end up with pretty much exact replica of that demo site.  You will not be able to add an IDX to this theme.

Setting up your website

One of the first things you should do is add some Services, Portfolio Items, Team Members and Clients.
All the above are designed as Custom Post Types in the Theme for easy access and editing.

Adding a Portfolio Item is as easy as creating a new post. Navigate to Portfolios > New Portfolio, enter a title and Upload your images for the specific project. Don’t forget to set one image as a Featured Image, this will be used for your Portfolio Cover.

The images will automatically be presented as a lightbox gallery slideshow upon clicking on any portfolio image in your website.

Services, Team Members and Clients fall under the same category. All you need to do is add a Title, a swift description and set a Featured Image for them.

Don’t forget that in your theme you will find over 20 custom icons for your Services.

Configuring your website via the CSSIgniter Custom Options Panel

Navigate to Appearance > CSSIgniter Settings. The theme comes with the classic CSSIgniter Custom Options Panel and with some specific option pages for this theme which allow you to customize the look of each section. You will find detailed explanation of these options in the CSSIgniter Options Panel itself.

The main thing to remember is that you can disable whichever section you don’t need (e.g. if you don’t want to show any clients you just have to disable that section via the Team Section under the Site Options, etc).

You can also select how many columns you want each section to span.
For example, if you have three clients, you should set the number to three columns. If you have eight clients, you should set the number to four columns so that you get two rows of four client logos.

Setting up a contact section

First you need to install a contact form plug-in. The theme is designed to behave with both the “Contact 7” and the “Gravity Forms” plug-ins. Navigate to Plugins > Add New, and search for the above plug-ins. Install one and activate it.

As soon as you activate your Gravity Forms plugin you should then create a contact form; place as many input fields as you wish and then create a new page (Pages > Add New) named “Contact” or something similar.

The only thing you need to place there is the shortcode of the Contact Form you created by using one of the aforementioned plugins.

Hit Publish, and then navigate back to the CSSIgniter Settings > Contact Section. At the bottom of the list you will find a dropdown, listing all the available pages on your WordPress installation. Select your Contact page and you are all set.

b]Other CSSIgniter Settings[/b]
Our custom options panel can be found under Appearance -> CSSIgniter Settings.

Social Options
These options control the behavior of the -=CI Social=- widget. The widget displays Social Media icons, depending on the services you have enabled and provided a link to your profile, in this page.

Archive Options
These options control the behavior of the Archive page (if you created one) with the Archive page template assigned.

Google options

  • Google Analytics Code: Just copy paste your Google Analytics code exactly as given by their website, and you are all set for tracking visits.

FeedBurner Options

  • FeedBurner Feed URL: Paste the feed that FeedBurner provides you with, and it will be automatically be server to your users.
  • FeedBurner Email URL: Paste the URL FeedBurner provides for registering to email updates.

BuySellAds Options

  • Code: Paste the BSA code as given by their website and it will be automatically included on every page. Use our accompanying widget -=CI to display the ads.

Custom CSS
Paste your custom css in the box, and it will override the theme’s styles, along with the Background Options.

Leave A Comment...