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

These options allow you to configure the site logo, you can select a logo type and then create a text logo, image logo or both image and text. There is also an option to use retina sized images.

Name Description Default
Logo Text Add your logo text here works with Logo Type (Text, Text & Image) Omega
Logo Image Upload a logo for your site, works with Logo Type (Image, Text & Image) assets/images/omega.gif
Logo Transparent Image Upload an image to use as the sites logo when page has a transparent header.

Page Loader

Toggle an animation when each page loads.

Name Description Default
Loading Animation Show a loader whenever a page is loaded
options : Enable, Disable
off
Page Loader Style Choose a style of page loader to show at the start of loading a page
options : Dot, Minimal, Counter
minimal

Header Options

This section will allow you to setup your site header. You can choose from three different types of header to use on your site, and adjust the header height to allow room for your logo.

Name Description Default
Header Type Sets the type of header to use at the top of your site and its behaviour. See this page for more details
options : Nav Bar Fixed - Navigation bar that scrolls with the page., Nav Bar Static - Navigation bar with regular scrolling.
navbar-sticky
Menu Height Use this slider to adjust the menu height. Ideal if you want to adjust the height to fit your logo. 90
Sub Menu Width Use this to adjust the width of your drop down menus. Ideal if you have pages with large names. 220
Menu Swatch Choose a color swatch for the menu. swatch-white
Top Bar Swatch Choose a color swatch for the Top Bar when you have a Header Type Top Bar or Combo swatch-white
Capitalization Enable-disable automatic capitalization in header logo and menus
options : Force Uppercase, Force Lowercase, Off
text-none
Menu Underline Underline of the menu items when selected
options : On, Off
underline
Menu Change Scroll Point Point in pixels after the page scrolls that will trigger the menu to change shape / colour. 200
Menu Swatch After Scroll Point Choose a color swatch for the menu after the scroll point. swatch-white
Menu Height After Scroll Point Use this slider to adjust the menu height after menu has scrolled. 70
Hover Menu Choose between menu that will open when you click or hover (desktop only option since mobile devices will always use touch)
options : Click, Hover
off
Hover Menu Delay Delay in seconds before the hover menu closes after moving mouse off the menu. 200
Hover Menu Fade Delay Delay of the Fade In/Fade Out animation . 200
Full Width Menu Choose between normal or fullwidth menu
options : Normal, Full Width
container

Layout Options

This section will allow you to setup the layout of your site.

Name Description Default
Layout Type Sets the site layout (Normal - site will use all the width of the page, Boxed - Site will be surrounded by a background )
options : Normal, Boxed
normal

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
Page Comments Section Swatch Choose a color swatch for the comments section of your pages. swatch-gray
Portfolio Item Comments Section Swatch Choose a color swatch for the comments section of your portfolio items. swatch-gray

This footer is above the bottom footer of your site. Here you can set the footer to use 1-4 columns, you can add Widgets to your footer in the Appearance -> Widgets page

Name Description Default
Upper Footer Columns Select how many columns will the upper footer consist of.
options : 1, 2, 3, 4
4
Upper Footer Swatch Choose a color swatch for the upper footer swatch-black
Upper Footer Height Choose the amount of padding added to the height of the Upper Footer
options : Big Padding(72px), Small Padding(24px)
normal

The footer is the bottom bar of your site. Here you can set the footer to use 1-4 columns, you can add Widgets to your footer in the Appearance -> Widgets page

Name Description Default
Footer Columns Select how many columns will the footer consist of.
options : 1, 2, 3, 4
4
Footer Swatch Choose a color swatch for the footer swatch-black
Footer Height Choose the amount of padding added to the height of the Footer
options : Big Padding(72px), Small Padding(24px)
normal
Back to top Enable the back-to-top button
options : Enable, Disable
enable
Back to top shape Shape of the back to top button. Square or circle
options : Square, Circle
square

404 Page

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

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

Google Maps API key

Activates the Google Maps JavaScript API. Create an API key as instructed here to enable Google Maps on your pages.

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

Blog

Blog Header Options

Change how your blog header looks.

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
show
Breadcrumb Text Capitalisation Decides the case of the breadcrumbs.
options : Force Uppercase, Force Lowercase, 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
Sub Header Text Text that will be used below the main header.
Header Type Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6
h1
Override section swatch Set to On to override the swatch of the section
options : On, Off
off
Heading Color Set the color of the heading super
Sub Header Font Size Choose size of the font to use in your sub header
options : Normal Paragraph, Lead Paragraph
light
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 : Regular, Black, Bold, Light, Hairline
regular
Header Alignment Align the text shown in the header left, right or center.
options : Default alignment, Left, Center, Right, Justify
left
Header Condensed Adds padding to the sides of the heading creating a more condensed effect.
options : Not Condensed, Condensed
not-condensed
Header Underline Adds an underline effect below the header.
options : Hide, Show
no-bordered-header
Underline Size Size of the underline.
options : Normal (72px), Small (48px)
medium-top
Fade out when leaving page Fades the heading out when the heading leaves the page.
options : Off, On
medium-bottom
Extra Classes Space separated extra classes to add to the heading.
Margin Top Amount of space to add above this element.
options : No Margin (0px), Short (24px), Medium (48px), Normal (72px), Tall (96px)
short-top
Margin Bottom Amount of space to add below this element.
options : No Margin (0px), Short (24px), Medium (48px), Normal (72px), Tall (96px)
short-bottom

Blog Header Section

Change the appearance of your blog header section.

Name Description Default
Swatch Choose a color swatch for the section swatch-blue
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.
Mobile Background Image Optional alternate image to use for this rows background on mobile.
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
Background Color Animation Bundle Choose a color bundle used to animate the section backgrounds
Background Color Animation Speed Set the speed that the colors will change, in milliseconds 2000
Background Color Animation Duration Set the length of time each color will stay active between changes, in milliseconds 4000
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 : Top, Middle, Bottom
top

General Blog Options

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

Name Description Default
Blog Style Select a layout style to use for your blog pages.
options : Right Sidebar, Left Sidebar, No Sidebar (Normal Article), No Sidebar (Narrow Article), No Sidebar (Wide Article)
right-sidebar
Show Post Icons This option will show or hide all icons on both the blog list page and the blog single page.
options : On, Off
on
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

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, Normal Masonry, Left Sidebar Masonry, Right Sidebar Masonry, Wide Masonry
no-masonry
Masonry Items Padding Space to add between blog items in pixels. 20
Masonry Section Background Image Upload an image as your masonry blog section background.
Masonry Section Transparent Makes the masonry blog section transparent.
options : On, Off
off

Blog Single Page

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

Name Description Default
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 categories Toggle categories on/off in post
options : On, Off
on
Display tags Toggle tags on/off in post
options : On, Off
on
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
Display comment count Toggle comment count on/off in post
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, None
facebook ,twitter ,google ,pinterest ,linkedin ,none
Show related posts Show Related Posts after the post content
options : On, Off
on
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
options : 3, 4
3
Open Featured Image in Magnific Popup Featured image in single post view will open in a large preview popup
options : On, Off
on

Swatches

Choose a swatch for your Blog.

Name Description Default
Blog Swatch Choose a color swatch for the Blog page swatch-white
Masonry Items Swatch Choose a color swatch for all the items if you use a masonry blog layout. swatch-blue
Related Section Swatch Choose a swatch to colour the related section with. swatch-blue

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
Header Type Choose the type of header you want to use
options : h1, h2, h3, h4, h5, h6
h1
Override section swatch Set to On to override the swatch of the section
options : On, Off
off
Heading Color Set the color of the heading #000000
Sub Header Font Size Choose size of the font to use in your sub header
options : Normal Paragraph, Lead Paragraph
normal
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 : Regular, Black, Bold, Light, Hairline
regular
Header Alignment Align the text shown in the header left, right or center.
options : Default alignment, Left, Center, Right, Justify
left
Header Condensed Adds padding to the sides of the heading creating a more condensed effect.
options : Not Condensed, Condensed
not-condensed
Header Underline Adds an underline effect below the header.
options : Hide, Show
no-bordered-header
Underline Size Size of the underline.
options : Normal (72px), Small (48px)
bordered-normal
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.
options : No Margin (0px), Short (24px), Medium (48px), Normal (72px), Tall (96px)
short-top
Margin Bottom Amount of space to add below this element.
options : No Margin (0px), Short (24px), Medium (48px), Normal (72px), Tall (96px)
short-bottom

Default Page Header Section

Change the appearance of your page header section.

Name Description Default
Swatch Choose a color swatch for the section swatch-white
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.
Mobile Background Image Optional alternate image to use for this rows background on mobile.
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
Background Color Animation Bundle Choose a color bundle used to animate the section backgrounds
Background Color Animation Speed Set the speed that the colors will change, in milliseconds 2000
Background Color Animation Duration Set the length of time each color will stay active between changes, in milliseconds 4000
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 : Top, Middle, Bottom
top

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
Related Section Title Font Weight Choose weight of the font to use for the related post text
options : Regular, Black, Bold, Light, Hairline
regular
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. You can copy / paste your CSS here to validate it.

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.
Swatch CSS Loading Defines where the dynamic swatch css that is created by your swatch options is saved. If you are using a lot of swatches it is recommended to save them to a file. If you dont have access to the filesystem you can save them in WP and inject them into the head
options : Save to a file (assets/css/swatches.css), Save to DB and inject into head
head

Javascript

Here you can modify the themes 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

Site Fav Icon

The site Fav Icon is the icon that appears in the top corner of the browser tab, it is also used when saving bookmarks. Upload your own custom Fav Icon here, recommended resolutions are 16x16 or 32x32.

Name Description Default
Fav Icon Upload a Fav Icon for your site here assets/images/favicons/favicon.ico

Apple Icons

If someone saves a bookmark to their desktop on an Apple device this is the icon that will be used. Here you can upload the icon you would like to be used on the various Apple devices.

Name Description Default
iPhone Icon (57x57) Upload an icon to be used by iPhone as a bookmark (57 x 57 pixels) assets/images/favicons/apple-touch-icon-precomposed.png
iPhone Retina Icon (114x114) Upload an icon to be used by iPhone Retina as a bookmark (114 x 114 pixels) assets/images/favicons/apple-touch-icon-114x114-precomposed.png
iPad Icon (72x72) Upload an icon to be used by iPad as a bookmark (72 x 72 pixels) assets/images/favicons/apple-touch-icon-72x72-precomposed.png
iPad Retina Icon (144x144) Upload an icon to be used by iPad Retina as a bookmark (144 x 144 pixels) assets/images/favicons/apple-touch-icon-144x144-precomposed.png

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 code here UA-XXXXX-X

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

Visual Composer

Set up advanced visual composer options.

Name Description Default
Install Default Visual Composer Templates This will install some default visual composer templates.

Import / Export

Here you can import/export the theme options

Name Description Default
Export Data
Import Data

WooCommerce

General WooCommerce Page Options

Change the way your shop page looks with these options.

Name Description Default
General Shop Swatch Choose a general colour scheme to use for your WooCommerce site. swatch-white

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

Checkout Sidebar

Change the way your sidebar looks with these options.

Name Description Default
Sidebar Enabled When you click on the cart widget the sidebar will appear, if disabled you will be taken to the cart page.
options : Disabled, Enabled
show
Checkout Slide Sidebar Swatch Choose a color swatch for the cart that slides in from the side. swatch-white

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

Default Site Colours

Default Swatches Install

Re-install the themes default swatches here. Warning this will remove any modifications you have made to the default swatches

Name Description Default
Re-install Default Swatches This button will reinstall all the default swatches for the site.

Save all swatches

This option will re-save all your enabled swatches.

Name Description Default
Save All Swatches This button will re-save all swatches.

Default Contextual Colours

Set the default bootstrap context colours here. For example see buttons Bootstrap docs here.

Name Description Default
Text Colour Text colour to use for the default context. #FFF
Background Colour Background colour to use for the default context. #6C6C6A
Background Hover Colour Background colour when user hovers over the default context. #404040

Warning Button Colours

Set the warning bootstrap context colours here. For example see buttons Bootstrap docs here.

Name Description Default
Warning Context - Text Colour Text colour to use for the warning context. #FFFFFF
Warning Context - Background Colour Background colour to use for the warning context. #f0ad4e
Warning Context - Background Hover Colour Background colour when user hovers over the warning context. #ed9c28

Danger Button Colours

Set the danger bootstrap context colours here. For example see buttons Bootstrap docs here.

Name Description Default
Danger Context - Text Colour Text colour to use for the danger context. #FFFFFF
Danger Context - Background Colour Background colour to use for the danger context. #e74c3c
Danger Context - Background Hover Colour Background colour when user hovers over the danger context. #d62c1a

Success Button Colours

Set the success bootstrap context colours here. For example see buttons Bootstrap docs here.

Name Description Default
Success Context - Text Colour Text colour to use for the success context. #FFFFFF
Success Context - Background Colour Background colour to use for the success context. #a3c36f
Success Context - Background Hover Colour Background colour when user hovers over the success context. #b7d685

Info Button Colours

Set the info bootstrap context colours here. For example see buttons Bootstrap docs here.

Name Description Default
Info Context - Text Colour Text colour to use for the info context. #FFF
Info Context - Background Colour Background colour to use for the info context. #5d89ac
Info Context - Background Hover Colour Background colour when user hovers over the info context. #486f8e

Button Icon Colours

Set the colours used for icons when used in buttons.

Name Description Default
Button Icon Colour Text colour to use for icons when used inside buttons. #FFFFFF
Button Icon Background Colour Background colour to be used in fancy buttons. #FFF
Button icon Background Opacity % How see through is the overlay in percentage. 20

Overlay Colours

Set the colours used in overlay areas.

Name Description Default
Overlay Text Text colour to text inside overlay areas. #FFF
Overlay Background Colour Background colour to be used in overlay areas. #000
Overlay Background Opacity % How see through is the overlay in percentage. 50

Magnific (image lightbox) Colours

Set the colours used in overlay when an image preview is clicked.

Name Description Default
Preview Background Colour Background colour to be used in overlay areas. #FFF
Preview Background Opacity % How see through is the overlay in percentage. 95
Close Button Icon Colour Text colour to use for preview close button icon. #FFF
Close Button Icon Background Colour Background colour to be used for preview close button. #000000

Portfolio Hover Colours

Set the colours used in portfolios when you hover over an item.

Name Description Default
Hover Text Text colour to use inside hover . #FFF
Hover Background Colour Background colour to be used when user hovers over item. #000
Hover Background Opacity % How see through is the hover overlay in percentage. 50
Hover Button Icon Colour Icon colour to use for bottom buttons shown on hover. #FFF

Go to top button Colours

Set the colours used in go to top button that appears on scrolling a page.

Name Description Default
Button Icon Colour Icon colour to use for go to top button. #FFF
Button Background Colour Background colour to use for go to top button. #000000
Button Background Opacity % How see through is the go to top button in percentage. 100

Loader Colours

Set the colours of the loader.

Name Description Default
Loader Colour Color of the loader #82c9ed
Loader background Background colour of the loader. #ffffff

Slideshow Colours

Set the colours used in carousel and flexslider.

Name Description Default
Text & Controls Colour Colour to use for slideshow text & control icons. #FFF
Text Shadow Shadow colour to use on the slideshow captions. #000000
Text Shadow Opacity % Opacity of shadow used on slideshow captions. 20

Typography Settings

Fonts settings section

Setup Fonts settings here.

Name Description Default
Font Stack:

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.