Theme Options
An overview of how to all the theme options available
An overview of how to all the theme options available
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. |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
| 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 |
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 |
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 |
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 |
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 |
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 |
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 |
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. |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
Set up advanced visual composer options.
| Name | Description | Default |
|---|---|---|
| Install Default Visual Composer Templates | This will install some default visual composer templates. |
Here you can import/export the theme options
| Name | Description | Default |
|---|---|---|
| Export Data | ||
| Import Data |
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 |
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 |
| Shop Page Columns | Number of columns to use for the products on the main shop page. | 3 |
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 |
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 |
Setup your product page 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 |
| Navigation arrows type |
Type of the direction arrows, fancy (with bg) or simple.
options : Simple, Fancy
|
simple |
| Show controls |
If you choose hide the option below will be ignored
options : Hide, Show, Thumbnails
|
thumbnails |
| Choose the place of the controls |
Choose the position of the navigation controls
options : Inside, Outside
|
outside |
| Choose the alignment of the controls |
Choose the alignment of the navigation controls
options : Center, Left, Right
|
center |
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. |
This option will re-save all your enabled swatches.
| Name | Description | Default |
|---|---|---|
| Save All Swatches | This button will re-save all swatches. |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
Set the colours of the loader.
| Name | Description | Default |
|---|---|---|
| Loader Colour | Color of the loader | #82c9ed |
| Loader background | Background colour of the loader. | #ffffff |
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 |
Setup Fonts settings here.
| Name | Description | Default |
|---|---|---|
| Font Stack: |
| Name | Description | Default |
|---|---|---|
| Fetch Google Fonts | Click this button to fetch the latest fonts from Google and update your Google Fonts list. |
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. |