Theme Options

An overview of how to all the theme options available

Online Docs Available Looks like you are looking at the offline docs. You can find possibly more up to date docs online here

General

Page Loader

Toggle an animation when each page loads.

Name Description Default
Loading Animation
options : Enable, Disable
on
Page Loader Style Choose a style of page loader to show at the start of loading a page
options : Dot, Minimal, Counter, Logo, Logo 3d
minimal
Logo Loader Image Choose an image to show as page loader(only when Page Loader Style above is set to Logo).

Template Margins

Set the top and bottom margins for set page / blog templates.

Name Description Default
Template Top & Bottom Margin Sets the top and bottom margins for left / right sidebar templates and blog pages. 50

Comments Options

This section will allow you to setup the comments for your site.

Name Description Default
Show Comments On Where to allow comments. All (show all), Pages (only on pages), Posts (only on posts), Portfolio Items (only on portfolio items), Off (all comments are off)
options : All, Pages, Posts, Portfolio Items, Off
posts

404 Page

Pick the page that you want to be used as the 404 page.

Name Description Default
404 Page Choose a page to link this item to

Google Maps API key

Activates the Google Maps JavaScript API.

Name Description Default
Google Maps API key Necessary for the Google Map shortcode.

Blog

Blog Style

Here you can choose a style to use for your blog pages.

Name Description Default
Blog Style Select a layout style to use for your blog pages.
options : Right Sidebar, Left Sidebar, No Sidebar - Wide, No Sidebar - Regular, No Sidebar - Narrow
right-sidebar

Blog List Options

Here you can setup the blog options that are used on all the main blog list pages

Name Description Default
Post Style Select a style to use for your blog posts.
options : Regular, Image Left, Image Right
blog-list-layout-normal
Show Read More Show or hide the readmore link in list view
options : On, Off
on
Blog read more link The text that will be used for your read more links read more
Read more style Display the readmore as button or simple link
options : Button, Simple Link
on
Strip teaser Strip the content before the <--more--> tag in single post view
options : On, Off
off
Pagination Style How your pagination will be shown
options : Pages, Next & Previous
pages
Featured Image Linkable Make the featured image of the post a link to the single post page
options : On, Off
on

Post Style

How posts look in both list and single post pages.

Name Description Default
Post Header Style Choose a post header style to show subtitles or post details
options : Post Details, Subtitle
details
Regular Post Media Position Choose to show post image/video/audio media above or below post title when using regular post style.
options : Above, Below
above
Display categories Toggle categories on/off in post
options : On, Off
on
Display date Toggle date on/off in post
options : On, Off
on
Display author Toggle author on/off in post
options : On, Off
on
Display tags Toggle tags on/off in post
options : On, Off
on
Display comment count Toggle comment count on/off in post
options : On, Off
on

Blog Single Page

This section allows you to set up how your single post will look.

Name Description Default
Author bio Display/hide the authors bio after the post
options : On, Off
off
Display avatar in Author bio Toggle avatars on/off in Author Bio Section
options : On, Off
on
Social Networks Select which social networks you would like to share posts on. If you need more than one, hold down Ctrl button and select as many as you like.
options : Facebook, Twitter, Google+, Pinterest, LinkedIn, VK, None
facebook ,twitter ,google ,pinterest ,linkedin ,vk
Show related posts Show Related Posts after the post content
options : On, Off
on
Related Post Style Select the style of your related posts.
options : Post, Image with Overlay
image
Related Post Title Size Size of heading to use for related post titles.
options : H1, H2, H3, H4, H5, H6
h3
Related Post Text Alignment Sets the text alignment of the related post text & title.
options : Left, Center, Right, Justify
left
Number of related posts Choose how many related posts are displayed in the related posts section after the post content 3
Number of related posts columns Choose how many columns are displayed in the related posts section after the post content 3

Masonry Blog Page

This section allows you to set up how your masonry blog page will look.

Name Description Default
Use Masonry On Posts Page Blog list pages will use a masonry style.
options : No Masonry, Masonry
no-masonry
Masonry Items Padding Space to add between blog items in pixels. 8
Masonry Item Style Select the style of your masonry posts.
options : Post, Image with Overlay
image-overlay
Masonry Post Title Size Size of heading to use for masonry post titles.
options : H1, H2, H3, H4, H5, H6
h3
Masonry Post Text Alignment Sets the text alignment of the masonry post text & title.
options : Left, Center, Right, Justify
left

Masonry Section

Change the appearance section that your masonry posts will appear in.

Name Description Default
Text Shadow Adds a text shadow to all the text in this row.
options : No Shadow, Show Shadow
no-shadow
Inner Shadow Adds an inner shadow to the inside of this row.
options : No Shadow, Show Shadow
no-shadow
Section Width Choose between padded-non padded section
options : Padded, Full Width
padded
Optional class Add an optional class to the section (separated with spaces)
Optional id Add an optional id to the section
Optional label Add an optional label for this section, used in bullet nav tooltips
Overlay Colour Set the colour of the video & image overlay #000000
Overlay Opacity Set the opacity of the video & image overlay 0
Overlay Grid Adds an overlay pattern image 0
Background Video mp4 Enter url of an mp4 video to use for this rows background.
Background Video webm Enter url of a webm video to use for this rows background.
Background Image Choose an image to use for this rows background.
Image Background Size Set how the image will fit into the section
options : Full Width, Actual Size
cover
Image Background Repeat Set how the image will be repeated
options : No repeat, Repeat horizontally, Repeat vertically, Repeat horizontally and vertically
no-repeat
Background Position vertical Set the vertical position of background image. 0 value represents the top horizontal edge of the section. Positive values will push the background image up. 0
Background Image Attachment Set the way the background image is attached to the page. Scroll = normal Fixed = The background is fixed with regard to the viewport.
options : Scroll, Fixed
scroll
Background Image Parallax Effect Toggles the background image parallax effect.
options : Off, On
off
Parallax Effect Start Position Sets the position of the image in pixels that the parallax effect will start from. 0
Parallax Effect End Position Sets the percentage of the image in pixels that the parallax effect will end up at. -80
Section Height Section will vertically cover the entire viewport if Full Height is selected
options : Normal, Full Height
normal
Section Transparency Section will be tranparent if On is selected
options : On, Off
opaque
Section Content Vertical Alignment Align the content of the section vertically
options : Normal, Top, Middle, Bottom
default
Hidden on Large Hides the element on large devices.
options : Off, On
off
Hidden on Medium Hides the element on medium devices.
options : Off, On
off
Hidden on Small Hides the element on small devices.
options : Off, On
off
Hidden on Extra Small Hides the element on extra small devices.
options : Off, On
off

Blog Header Options

Change how your blog header looks.

Name Description Default
Override Default Page Header Settings Disregard the default settings (in Pages option page) for the blog page headers and use custom options below
options : Use Defaults, Override Header Options
default
Show Header Show or hide the header at the top of the page.
options : Hide, Show
show
Show Breadcrumbs Show or hide the breadcrumbs in the header
options : Hide, Show
show
Breadcrumb Text Capitalisation Decides the case of the breadcrumbs.
options : Force Uppercase, Force Lowercase, Force Capitalize, Off
text-lowercase

Blog Header Heading

Change the text of your blog heading here.

Name Description Default
Header Text Text that will be used for the header. My Blog
Text Color Set the text color of the heading
options : Normal Text, Light Text
text-light
Header Type Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6
h1
Header Font Size Choose size of the font to use in your header
options : Normal, Big (36px), Bigger (48px), Super (60px), Hyper (96px)
normal
Header Font Weight Choose weight of the font to use in the header
options : Default (from skin), Hairline, Light, Regular, Black, Bold
light
Header Alignment Align the text shown in the header left, right or center.
options : Default alignment, Left, Center, Right, Justify
left
Fade out when leaving page Fades the heading out when the heading leaves the page.
options : Off, On
off
Extra Classes Space separated extra classes to add to the heading.
Margin Top Amount of space to add above this element. 20
Margin Bottom Amount of space to add below this element. 20

Blog Header Section

Change the appearance of your blog header section.

Name Description Default
Text Shadow Adds a text shadow to all the text in this row.
options : No Shadow, Show Shadow
no-shadow
Inner Shadow Adds an inner shadow to the inside of this row.
options : No Shadow, Show Shadow
no-shadow
Section Width Choose between padded-non padded section
options : Padded, Full Width
padded
Optional class Add an optional class to the section (separated with spaces)
Optional id Add an optional id to the section
Optional label Add an optional label for this section, used in bullet nav tooltips
Overlay Colour Set the colour of the video & image overlay #303c40
Overlay Opacity Set the opacity of the video & image overlay 1
Overlay Grid Adds an overlay pattern image 0
Background Video mp4 Enter url of an mp4 video to use for this rows background.
Background Video webm Enter url of a webm video to use for this rows background.
Background Image Choose an image to use for this rows background.
Image Background Size Set how the image will fit into the section
options : Full Width, Actual Size
cover
Image Background Repeat Set how the image will be repeated
options : No repeat, Repeat horizontally, Repeat vertically, Repeat horizontally and vertically
no-repeat
Background Position vertical Set the vertical position of background image. 0 value represents the top horizontal edge of the section. Positive values will push the background image up. 0
Background Image Attachment Set the way the background image is attached to the page. Scroll = normal Fixed = The background is fixed with regard to the viewport.
options : Scroll, Fixed
scroll
Background Image Parallax Effect Toggles the background image parallax effect.
options : Off, On
off
Parallax Effect Start Position Sets the position of the image in pixels that the parallax effect will start from. 0
Parallax Effect End Position Sets the percentage of the image in pixels that the parallax effect will end up at. -80
Section Height Section will vertically cover the entire viewport if Full Height is selected
options : Normal, Full Height
normal
Section Transparency Section will be tranparent if On is selected
options : On, Off
opaque
Section Content Vertical Alignment Align the content of the section vertically
options : Normal, Top, Middle, Bottom
default
Hidden on Large Hides the element on large devices.
options : Off, On
off
Hidden on Medium Hides the element on medium devices.
options : Off, On
off
Hidden on Small Hides the element on small devices.
options : Off, On
off
Hidden on Extra Small Hides the element on extra small devices.
options : Off, On
off

Pages

Default Page Header

Change if the page header will appear by default.

Name Description Default
Show Header Show or hide the header at the top of the page.
options : Hide, Show
show
Show Breadcrumbs Show or hide the breadcrumbs in the header
options : Hide, Show
hide
Breadcrumb Text Capitalisation Decides the case of the breadcrumbs.
options : Force Uppercase, Force Lowercase, Off
text-lowercase

Default Page Header Heading

Change the text of your blog heading here.

Name Description Default
Text Color Set the text color of the heading
options : Normal Text, Light Text
text-normal
Header Type Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6
h1
Header Font Size Choose size of the font to use in your header
options : Normal, Big (36px), Bigger (48px), Super (60px), Hyper (96px)
normal
Header Font Weight Choose weight of the font to use in the header
options : Default (from skin), Hairline, Light, Regular, Black, Bold
default
Header Alignment Align the text shown in the header left, right or center.
options : Default alignment, Left, Center, Right, Justify
left
Fade out when leaving page Fades the heading out when the heading leaves the page.
options : Off, On
off
Extra Classes Space separated extra classes to add to the heading.
Margin Top Amount of space to add above this element. 20
Margin Bottom Amount of space to add below this element. 20

Default Page Header Section

Change the appearance of your page header section.

Name Description Default
Text Shadow Adds a text shadow to all the text in this row.
options : No Shadow, Show Shadow
no-shadow
Inner Shadow Adds an inner shadow to the inside of this row.
options : No Shadow, Show Shadow
no-shadow
Section Width Choose between padded-non padded section
options : Padded, Full Width
padded
Optional class Add an optional class to the section (separated with spaces)
Optional id Add an optional id to the section
Optional label Add an optional label for this section, used in bullet nav tooltips
Overlay Colour Set the colour of the video & image overlay #000000
Overlay Opacity Set the opacity of the video & image overlay 0
Overlay Grid Adds an overlay pattern image 0
Background Video mp4 Enter url of an mp4 video to use for this rows background.
Background Video webm Enter url of a webm video to use for this rows background.
Background Image Choose an image to use for this rows background.
Image Background Size Set how the image will fit into the section
options : Full Width, Actual Size
cover
Image Background Repeat Set how the image will be repeated
options : No repeat, Repeat horizontally, Repeat vertically, Repeat horizontally and vertically
no-repeat
Background Position vertical Set the vertical position of background image. 0 value represents the top horizontal edge of the section. Positive values will push the background image up. 0
Background Image Attachment Set the way the background image is attached to the page. Scroll = normal Fixed = The background is fixed with regard to the viewport.
options : Scroll, Fixed
scroll
Background Image Parallax Effect Toggles the background image parallax effect.
options : Off, On
off
Parallax Effect Start Position Sets the position of the image in pixels that the parallax effect will start from. 0
Parallax Effect End Position Sets the percentage of the image in pixels that the parallax effect will end up at. -80
Section Height Section will vertically cover the entire viewport if Full Height is selected
options : Normal, Full Height
normal
Section Transparency Section will be tranparent if On is selected
options : On, Off
opaque
Section Content Vertical Alignment Align the content of the section vertically
options : Normal, Top, Middle, Bottom
default
Hidden on Large Hides the element on large devices.
options : Off, On
off
Hidden on Medium Hides the element on medium devices.
options : Off, On
off
Hidden on Small Hides the element on small devices.
options : Off, On
off
Hidden on Extra Small Hides the element on extra small devices.
options : Off, On
off

Flexslider Options

Slideshow

Setup your global default flexslider options.

Name Description Default
Animation style Select how your slider animates
options : Slide, Fade
slide
Speed Set the speed of the slideshow cycling, in milliseconds 7000
Duration Set the speed of animations 600
Auto start Start slideshow automatically
options : On, Off
true
Show navigation arrows Shows the navigation arrows at the sides of the flexslider.
options : Hide, Show
hide
Show controls If you choose hide the option below will be ignored
options : Hide, Show
show
Choose the place of the controls Choose the position of the navigation controls
options : Inside, Outside
inside
Choose the alignment of the controls Choose the alignment of the navigation controls
options : Center, Left, Right
center

Captions

Name Description Default
Show Captions If you choose hide the options below will be ignored
options : Hide, Show
hide
Captions Horizontal Position Choose among left, right and alternate positioning
options : Left, Right, Alternate
left
Show Tooltip Show tooltip if Item width option is set
options : Show, Hide
hide

Portfolio Options

Portfolio List Options

Customise your portfolio list.

Name Description Default
Zoom Button Text This text will be shown in the portfolio item zoom button. View Larger
Link Button Text This text will be shown below the portfolio item link button. More Details

Portfolio Single Page

Customise your portfolio single page here.

Name Description Default
Portfolio Page Set the page that the icon at the top of the single page will link to.
Show related items Show related portfolio items after the post content
options : On, Off
on
Related Section Title Text The text that will be shown above the related portfolio items. Other related items
Number of related items Choose how many related posts are displayed in the related posts section after the post content 3
Number of related item columns Choose how many columns are displayed in the related items section after the portfolio content
options : 3, 4
3

Portfolio Image Sizes

When your portfolio images are uploaded they will be automatially saved using these dimensions.

Name Description Default
Image Width Width of each portfolio item 800
Image Height Height of each portfolio item 600
Image Cropping Crop images to the exact proportions
options : Crop Images, Do not crop
on

Post Types

Some of the custom single pages (Portfolios, Services, Staff ) can be configured to use their own special url. This helps with SEO. Set your permalinks here, save and then navigate to one of the items and you will see the url in the format below.

Name Description Default
Portfolio URL slug Choose the url you would like your portfolios to be shown on portfolio
Service URL slug Choose the url you would like your services to use our-services
Staff URL slug Choose the url you would like your staff pages to use our-team

Post Types Archive Pages

Set your post types archives pages here

Name Description Default
Portfolio Archive Page Set the archive page for the portfolio post type
Services Archive Page Set the archive page for the services post type
Staff Archive Page Set the archive page for the staff post type

Advanced Theme Options

CSS

Here you can modify the themes advanced CSS options. Please ensure that the CSS added here is valid.

Name Description Default
Extra CSS (loaded last in the header) Add extra CSS rules to be included in all pages that will be loaded in the header. This will allow you to override some of the default styling of the theme.

Javascript

Here you can modify the theme advanced JS options

Name Description Default
Extra Javascript (loaded last in the header) Add extra Javascript rules to be included in all pages that will be loaded in the header. Code will be wrapped in script tags by default.

Assets

Here you can choose the type of asset files enqueued by the theme.

Name Description Default
Load Minified CSS and JS Assets Choose between minified and not minified theme CSS and Javascript files. Minified files are smaller and faster to load, while non-minified are easier to edit and mofify because they are more readable. Minified assets are enqueued by default.
options : On, Off
on

Enable Atom Meta

Here you can enable atom meta for posts author, title and date (used by search engines).

Name Description Default
Author Enable atom meta for posts author
options : On, Off
on
Title Enable atom meta for posts title
options : On, Off
on
Date Enable atom meta for posts date
options : On, Off
on

Mobile

Here you can configure settings targeted at mobile devices

Name Description Default
Background Videos Here you can enable section background videos for mobile. By default it is set to off in order to save bandwidth. Section background image will be displayed as a fallback
options : On, Off
off

SVG Icons

Here you can enable SVG uploads

Name Description Default
Enable SVG uploads Here you can enable SVG uploads. By default it is set to off to avoid security hazards.
options : On, Off
off

Google Analytics

Set your Google Analytics Tracker and keep track of visitors to your site.

Name Description Default
Google Analytics Paste your google analytics script here

Set up advanced menu options.

Name Description Default
Save Menus Using Ajax (allows saving menus with > 90 menu items ) This feature will make WordPress menus save using ajax instead of the default PHP save. This gets around a bug in WordPress that stops large menus from saving (see https://core.trac.wordpress.org/ticket/14134).
options : On, Off
on

One Click Installer

Modify how the one click installer works.

Name Description Default
Pause between items Amount of time in seconds the installer will wait (usefull if installing on slower servers that cant cope with many requests) 2

Import / Export

Here you can import/export the theme options

Name Description Default
Export Data
Import Data

WooCommerce

Shop Page

Setup the layout of your Shop.

Name Description Default
Shop Layout Layout of your shop page. Choose among right sidebar, left sidebar, fullwidth layout
options : Right Sidebar, Full Width, Left Sidebar
full-width

Product Details

Setup your products page details

Name Description Default
Social Networks Select which social networks you would like to share products on.
options : Facebook, Twitter, Google+, Pinterest, None
facebook ,twitter ,google ,pinterest

Fonts

Google Fonts

Name Description Default
Fetch Google Fonts Click this button to fetch the latest fonts from Google and update your Google Fonts list.

TypeKit Fonts

If you have a TypeKit account and would like to use it in your site. Enter your TypeKit API key below and then click the Update your kits button.

Name Description Default
Typekit API Token Add your typekit api token here
TypeKit Kits Click this button to update your typography list with the kits available from your TypeKit account.