Basic Options

Social Icons
 Contact Info
 Coming Soon
 Error Page


No questions yet.


Logo and Mobile options are not needed if you use an .SVG and leave these fields blank.  The SVG can be placed in the template root/images/presets/your preset folder and will work for all device situations and handy for high resolution such as Retina for higher quality.
You do not need to use an SVG in these folders.  You can use an image.png or .jpg also in your presets folders.

Logo Type

Your choice of Image or Logo Text.


Simply choose your image if Image is selected from Logo Type for your primary logo.

Logo Height

This is handy when you need to match your Logo to the Header Height.

Mobile Logo

If an image is chosen then it will hide your primary logo and show instead in mobile and other smaller view devices beside desktop view.

No questions yet.


header Header Height
Simply choose the Header Height to fit your desired preferences. This is handy to use for situations with your menu and logo design.
Sticky Header
Enabling the Sticky Header will cause your header to stay on top when scrolling down pages instead of scrolling out of view with pages.
If you would like to use a standard image instead of an .ico file this gives you the option to choose a 16px x 16px .png or .gif image that will be your favicon. The favicon is the icon that shows in a browser tab/page title and bookmarks.
If there is an .ico file that is desired to use instead simply place that in the template/root/ and leave this empty.

No questions yet.


If Preloader is enabled an animated loader will show before the actual page can be viewed. your pages will be loaded in the background giving a delay of around 3 seconds before the loaded page will be shown. This is useful if you have slower page load times in some circumstances (for instance slow loading images).

Boxed Layout

Enabling boxed Layout will open the following options and will box in your pages. Switching between boxed and wide pages and enables you to add a background image if you choose.

Background Image

If you select an image for your background, the following settings will apply to that image.

Background Repeat

This is used to determine how images are placed on a page in different manners. By default, a background-image is repeated both vertically and horizontally.
Inherit means the image will inherit it's value from its parent element.
No Repeat will show an image in it's original state and will set at the top left of a page without a background-position.
Repeat All will repeat the same image horizontally and vertically seamlessly over the full page. The last image will be clipped if it does not fit. This is ideal for small images with certain shapes, designs, or colors.
Repeat Horizontally will repeat the image across a page.
Repeat Vertically will repeat the image down a page.

Background Size

Inherit background size gets it's value from its parent element.
Cover resizes the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges.
Contain resizes the background image so the image is fully visible.

Background Attachment

Inherit the image will inherit it's value from its parent element.
Fixed background image will not scroll with the page.
Scroll background image will scroll with the page. This is default
Background Position

Left Top
Left Center
Left Bottom
Center Top
Center Center
Center Bottom
Right Top
Right Center
Right Bottom
All of these values are self explanatory.  The values will place the image where it is set in the view.

No questions yet.


footer Copyright
You can choose to display your copyright information in any module position you choose.  If Copyright is enabled you will have the following options to choose.

Module Position
Places your copyright information in the module position that you choose.  You can add multiple custom module positions by opening the templateDetails.xml file from the template/root in a text editor and add your custom module to the <positions></positions> section of the file and reopen the settings page.  You can then see the custom module position.

Feature Position
If you want to add a feature along with the copyright you can choose it's position from here.

Place your copyright in the text box.  The text box will accept HTML so that you can also add a link in your copyright.
You can have the year update automatically by using {year}.

Go To Top
When this is enabled it will display a link at the right bottom area of the page with an upward arrow.  This will bring you back to the top of your page.

No questions yet.

Social Icons

Enable Social Icons
When enabled it will show the following features.

Module Position

From here you can choose the module position you would like the social icons to show.

Feature Position

If there is a feature wanted to go along with the social icons just simply choose the placement from here.

Social Icons

The following social sites give you a text area to add the URL or usernames including a custom link.

Facebook URL
Twitter URL
Google Plus URL
Pinterest URL
Linkedin URL
Dribbble URL
Instagram URL
Behance URL
YouTube URL
Flickr URL
Skype Username
Whatsapp Username
VK Username

No questions yet.

Contact Info

Contact Info
When enabled the contact info will give you the following options.

Module Position

Choose the module position to place the contact info at the desired place on the page.

Below the module position you can add each of the following.

Opening Hours

No questions yet.

Coming Soon

Coming Soon
When enabled coming soon will reveal the following options.  Most of this is self explanatory.

Page Title
Content is placed underneath the logo if selected.  Enter your content here.

Page Content

places underneath the title.  The text area is HTML compatible so you can add for example tags to change font colors, etc...

places underneath the content.


The logo will place at the top most of the page.

Background Image

This image covers the full background.

Social Icons

Enabling the social icons will use the social icons that were added in the previous Social Icons section if used and will place at the bottom of the page.

No questions yet.

Error Page

Error Page
A custom error page can be used for errors like a 404, etc..
Simply choose your logo and background image for the page.

Any module can be added to the error page by using the 404 module position.

No questions yet.