General

Small Picture (favicon).

This option sets website favicon.

Right-to-Left

This option enables RTL mode for RTL websites.

Smooth Wheel

This option enables smooth vertical page scrolling on mouse wheel.

smooth-wheel-2.png

Browsers - choose in what browsers you want to enable this option
Smooth Time - time of scrolling animation of a mouse wheel step
Step Size - number of pixels that scroll by a tick of the mouse wheel
Pulse Algorithm - enables easing of the scrolling animation. When disabled, the page animation will be linear
Pulse Speed - a speed of pulse step scrolling
Keyboards Support - enables easing when scroll page with keyboard keys (arrow up and down)
Keyboard Step - number of pixels that scroll by pressing keyboard key

Bootstrap ScrollSpy plugin

This option enables automatic updating of Horizontal Menu targets based on scroll position. In other words, when you create one-page website this option makes menu items active when you scroll through the appropriate anchor.

http://getbootstrap.com/javascript/#scrollspy

Theme Layout

theme-layout.png

Desktop, Laptop, Tablets and Phone options allow to setup maximum width of the Sheet in a particular responsive mode.
Sheet - is a main content wrapper:

sheet.png

The values in fields define max Sheet width.
The width of the sheet changes depending on the screen width but it cannot be larger than max width specified for particular mode.

Let's take a "Laptop" mode.

On the screens with size between 992px and 1199px the max width of the of the sheet will be 970px.
For example, If you change the width from 970px to 1199px, on the 1024px screen the width of the Sheet will be 1024px. This is equivalent on 100% width.
In case of 970px width on the same screen (1024px) the width of the Sheet will be 970px.

sheet-width.png

If you set max width to 2500px the Sheet will behave the same as in case of 1199px width.
If you set max width to 900px the width of the Sheet in Laptop mode will always be 900px on screens between 992px and 1199px.

Gutter Width

This is a padding between columns. Padding is a space around the column.
Gutter width defines the amount of left and right column padding.
If you set Gutter Width to 50px each column will have 25px left and 25px right padding:

gutter-width.png

Margin

The Margins option sets the spacing between layout container and its content. For example, a space between controls inside Container and Container, or a space between individual Columns inside Columns control:

margin.png

This option sets default margins. The default value can be overridden for individual controls:

container-margin.png

Columns control supports the option to disable margins:

add-margins.png

See Also
Bootstrap Grid System

Additional CSS

This is the place where you can insert custom css. The code will be added to the theme stylesheet.

Example:

.affix-top
{
height: 250px;
}

Additional HEAD HTML

This is the place where you can insert custom html HEAD elements: add custom meta tags, register custom js or css files, etc.
The custom HEAD elements will be added to the HEAD section of each template (website page).

http://www.w3schools.com/html/html_head.asp

CMS Code

Supported in WordPress and Joomla themes.

The option to insert custom PHP functions.
The code will be added to the functions-additional.php file.

Example:
function writeMsg() {
echo "Hello world!";
}

Please note that you should enter the custom php code without <?php ?> wrapper tags.

cms-code-2.png

The custom function can be further called in the CMS Code control (Insert tab >> More):
<?php writeMsg(); ?>

The CMS Code control requires <?php ?> wrapper tags.

Description

settings-description.png

"Show Author Backlinks" and "Show Product Backlinks" are options to control backlinks.

new-backlinks.png

The Author backlinks is a link to theme author created using the data specified in the Author and Author URL fields located below.

The Product backlinks are backward links to Themler and CMS.

The Author, Author URL. Tags and Description options are used to specify theme information (usually visible in CMS):

theme-info-2.png

- [General](#general) - [Theme Layout](#theme-layout) - [Additional CSS](#additional-css) - [Additional HEAD HTML](#additional-html) - [CMS Code](#cms-code) - [Description](#description) <a id="general"></a> ## General #### Small Picture (favicon). This option sets website favicon. #### Right-to-Left This option enables RTL mode for RTL websites. #### Smooth Wheel This option enables smooth vertical page scrolling on mouse wheel. !smooth-wheel-2.png! *Browsers* - choose in what browsers you want to enable this option *Smooth Time* - time of scrolling animation of a mouse wheel step *Step Size* - number of pixels that scroll by a tick of the mouse wheel *Pulse Algorithm* - enables easing of the scrolling animation. When disabled, the page animation will be linear *Pulse Speed* - a speed of pulse step scrolling *Keyboards Support* - enables easing when scroll page with keyboard keys (arrow up and down) *Keyboard Step* - number of pixels that scroll by pressing keyboard key #### Bootstrap ScrollSpy plugin This option enables automatic updating of Horizontal Menu targets based on scroll position. In other words, when you create one-page website this option makes menu items active when you scroll through the appropriate anchor. http://getbootstrap.com/javascript/#scrollspy <a id="theme-layout"></a> ## Theme Layout !theme-layout.png! **Desktop**, **Laptop**, **Tablets** and **Phone** options allow to setup maximum width of the Sheet in a particular responsive mode. **Sheet** - is a main content wrapper: !sheet.png! The values in fields define max Sheet width. The width of the sheet changes depending on the screen width but it cannot be larger than max width specified for particular mode. Let's take a "Laptop" mode. On the screens with size between 992px and 1199px the max width of the of the sheet will be 970px. For example, If you change the width from 970px to 1199px, on the 1024px screen the width of the Sheet will be 1024px. This is equivalent on 100% width. In case of 970px width on the same screen (1024px) the width of the Sheet will be 970px. !sheet-width.png! If you set max width to 2500px the Sheet will behave the same as in case of 1199px width. If you set max width to 900px the width of the Sheet in Laptop mode will always be 900px on screens between 992px and 1199px. #### Gutter Width This is a padding between columns. Padding is a space around the column. Gutter width defines the amount of left and right column padding. If you set Gutter Width to **50px** each column will have **25px** left and **25px** right padding: !gutter-width.png! #### Margin The *Margins* option sets the spacing between layout container and its content. For example, a space between controls inside Container and Container, or a space between individual Columns inside Columns control: !margin.png! This option sets default margins. The default value can be overridden for individual controls: !container-margin.png! Columns control supports the option to disable margins: !add-margins.png! **See Also** [Bootstrap Grid System][1] <a id="additional-css"></a> ## Additional CSS This is the place where you can insert custom css. The code will be added to the theme stylesheet. **Example:** `.affix-top { height: 250px; }` <a id="additional-html"></a> ## Additional HEAD HTML This is the place where you can insert custom html HEAD elements: add custom meta tags, register custom js or css files, etc. The custom HEAD elements will be added to the HEAD section of each template (website page). http://www.w3schools.com/html/html_head.asp <a id="cms-code"></a> ## CMS Code **Supported in WordPress and Joomla themes.** The option to insert custom PHP functions. The code will be added to the `functions-additional.php` file. **Example:** `function writeMsg() { echo "Hello world!"; }` Please note that you should enter the custom php code **without** `<?php` `?>` wrapper tags. !cms-code-2.png! The custom function can be further called in the **CMS Code control** (Insert tab >> More): `<?php writeMsg(); ?>` The CMS Code control requires `<?php` `?>` wrapper tags. <a id="description"></a> ## Description !settings-description.png! "Show Author Backlinks" and "Show Product Backlinks" are options to control backlinks. !new-backlinks.png! The *Author backlinks* is a link to theme author created using the data specified in the **Author** and **Author URL** fields located below. The Product backlinks are backward links to Themler and CMS. The Author, Author URL. Tags and Description options are used to specify theme information (usually visible in CMS): !theme-info-2.png! [1]: http://getbootstrap.com/css/#grid