Basic Options

basic
Logo
Header
Body
 Footer
Social Icons
 Contact Info
 Coming Soon
 Error Page

 

Logo

logo
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.

Logo

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.

Header

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.
 
Favicon
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.
 

Body

body Preloader
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.

Footer

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.

Copyright
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.

Social Icons

social 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
Custom

Contact Info

contactinfo
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.

Phone
Mobile
Email
Opening Hours

Coming Soon

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

Page Title is placed underneath the logo if selected.
Page Content places underneath the title.  The text area is HTML compatible so you can add for example tags to change font colors, etc... <h2 style="color: white;">Page Content<h2>
Date places underneath the content.
Logo 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.

Error Page

error 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.