Skin Options

A list of all options available to modify the theme skin

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

Typography

Name Description
Body Font Family The standard font family to use for body text.
Body Font Size The font size to use the body text.
Body Font Weight The font weight to use for the body font.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Headings Font Family The font family to use for headings.
Headings Font Weight The font weight to use for headings.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Headings Font Case Controls the capitalization of the headings.
options : Lowercase, Uppercase, Capitalize, None
Logo Font Family The font family to use for the logo of the site if using text logo.
Logo Font Size The font size to use for the logo of the site if using text logo.
Logo Font Weight The font weight to use for the logo of the site if using text logo.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Menu Font Family The font family to use for the menu of the top nav.
Menu Font Size The font size to use for the menu of the top nav.
Menu Font Weight The font weight to use for the menu of the top nav.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Menu Dropdown Font Size The font size to use for dropdown text in the the menu of the top nav.

Heading Font Weights

Name Description
Hairline Weight The font weight to use for .hairline class.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Light Weight The font weight to use for .light class.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Regular Weight The font weight to use for .regular class.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Bold Weight The font weight to use for .bold class.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Black Weight The font weight to use for .black class.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900

Blog Options

Name Description
Blog Post Title Font Size The font size to use for the blog post titles.
Blog Post Title Font Weight The font weight to use for the blog post titles.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900
Blog Post Font Size The font size to use for the post content.
Blog Post Font Weight The font weight to use for the post content.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900

Blockquote Font

Name Description
Blockquote Font Family The font family to use for blockquotes.
Blockquote Font Size The font size to use for blockquotes.
Blockquote Font Style The font style to use for blockquotes.
options : Normal, Italic
Blockquote Font Weight The font weight to use for blockquotes.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900

Lead Font

Name Description
Lead Paragraph Font Size The font size to use for lead paragraphs.
Lead Paragraph Font Weight The font weight to use for lead paragraphs.
options : 100, 200, 300, 400, 500, 600, 700, 800, 900

Navigation

Name Description
Navbar Height The default navbar height.
Navbar Height After Scroll The navbar height after the page has scrolled.
Menu Drop Down Width The width of the dropdown menus of the navigation.
Navbar top border height The height of the links top border.
Side Menu Width The width of the side menu slide out menu.
Side Menu Navigation Max Height The the maximum height that the navigation menu in a side menu can be.

Body Text Colors

Name Description
Text Color Text color for body.
Heading Color Text color for all headings.
Link Color Text link color. Also sets color for star rating for products, skills shortcode icons, datepicker text, scroll-to buttons icons, shop breadcrumbs, BBPress panels, Link buttons
Link Hover Color Text link hover color.
Icon Color Icon color.
Small Color Small text color (text used in a small tag). Also sets the color for the post details text, post extras, blockquote footer text, single post social icons
Light Text Color Alternate light text color for body.
Light Heading Color Alternate light text color for all headings.
Light Link Color Alternate light text link color.
Light Link Hover Color Alternate light text link hover color.
Light Icon Color Alternate light text icon color.
Light Small Color Global small text color.

Background Colors

Name Description
Background Color Background color of the main content. Also sets the color for map marker label background, infinite scroll loading text, datepicker background, pricing tables background, calendar widget text, tooltip text, badges text.
Background Inverse Color Background color that contrasts nicely with the main body background color.
Background Complimentary Color A variation on the background color to be used for borders / panels etc. Also sets the color for the jumbotron, panels, wells and tables background. Sets the color of features list background, authors page info section background, calendar widget head and footer background, shop order details table background.

Navbar & Side Menu Colors

Name Description
Background Color Background color for top nav bar and side menu.
Menu Link Color Menu link color.
Menu Link Hover Color Menu link hover color.
Menu Link Active Color Menu link active color.
Logo Text Color Text colour of text logo in the navbar and side menu.
Menu Text Color Text colour of regular text in the navbar and side menu.
Menu Border Color Color used for Menu borders
Menu Dropdown Background Color Background color of menu dropdown.
Menu Dropdown Link Color Link color of menu dropdown.
Menu Dropdown Link Hover Color Link hover color of menu dropdown.
Menu Dropdown Text Color Text color of menu dropdown.
Menu Dropdown top border Color Color used for top border on dropdowns.
Menu Dropdown separator Colors Color used for divider and mega menu column dividers.
Transparent Menu Link Color Link color of navbar when set to transparent.
Transparent Menu Link Hover Color Link hover color of navbar when set to transparent.
Transparent Logo Text Color Logo text color of navbar when set to transparent.
Transparent Text Color Text color of navbar when set to transparent.
Transparent Borders Color Color used for borders in transparent menu.
Logo bar Background Color Background color of the logo bar - used in Menu below header options / navigation with sidebar options.
Logo bar Text Color Brand text color on the logo bar - used in Menu below header options / navigation with sidebar options.

Top Bar Colors

Name Description
Background Color Background color for top bar.
Top Bar Link Color Top Bar link color.
Top Bar Link Hover Color Top Bar link hover color.
Top Bar Text Color Regular text colour text in the top bar.
Top Bar Border Color Color of borders between widgets in the top bar.

Footer Colors

Name Description
Background Color Background color for footer. Also sets the color of calendar widget body text.
Footer Text Color Regular text color in the footer.
Footer Highlight Color Sets the color for all links, headers, social icons etc. in the footer.
Footer Link Hover Color Footer link hover color.
Footer Border Color Color of borders between widgets in the footer.

Sub Footer Colors

Name Description
Background Color Background color for sub footer below the main footer.
Sub Footer Text Color Regular text color in the sub footer.
Sub Footer Highlight Color Sets the color for all links, headers, social icons etc. in the sub footer.
Sub Footer Link Hover Color Hover color of links in sub footer below main footer.
Sub Footer Border Color Color of borders between widgets in the sub footer.

Form Colors

Name Description
Text Color Text color used in form elements.
Background Color Form elements background color.
Form Border Color Color of borders between elements in the form.
Form Placeholder Color Form placeholder text color.
Form Active Color Form active input color.

Contextual colors

Name Description
Primary Text Text color for buttons, labels, progress bars, etc. Elements that use the primary style will use this color. Also sets the color for portfolio filters text, pagination text, onsale badge text, mini-cart badge text, featured post's category caption.
Primary Background Background color for Buttons, labels, progress bars, etc. Elements that use the primary style will use this color. Also sets the background color for portfolio filters, pagination, onsale badge, mini-cart badge, featured post's category caption.
Default Text Text color for Buttons, labels, progress bars, etc elements that use the default style will use this color.
Default Background Background color for Buttons, labels, progress bars, etc elements that use the default style will use this color.
Warning Text Text color for Buttons, labels, progress bars, etc elements that use the warning style will use this color.
Warning Background Background color for Buttons, labels, progress bars, etc elements that use the warning style will use this color.
Danger Text Text color for Buttons, labels, progress bars, etc elements that use the danger style will use this color.
Danger Background Background color for Buttons, labels, progress bars, etc elements that use the danger style will use this color.
Success Text Text color for Buttons, labels, progress bars, etc elements that use the success style will use this color.
Success Background Background color for Buttons, labels, progress bars, etc elements that use the success style will use this color.
Info Text Text color for Buttons, labels, progress bars, etc elements that use the info style will use this color.
Info Background Background color for Buttons, labels, progress bars, etc elements that use the info style will use this color.

Components

Name Description
Border Radius Base The base radius to use for the rounded edges of components.
Border Radius Large The radius to use for the rounded edges of large components.
Border Radius Small The radius to use for the rounded edges of small components.
Border Radius Forms The radius to use for the rounded edges of form components.

Miscellaneous colors

Name Description
Overlay Text Text color used in image overlays used in portfolios, staff, product images etc.
Overlay Background Background color color used in image overlays used in portfolios, staff, product images etc.
Magnific Overlay Background Background color for magnific popup overlay
Magnific Close Icon Color Magnific close button icon color.
Magnific Close Background Color Background color of magnific close button
Back To Top Button Icon Color Icon color of the back to top icon.
Back To Top Button Background Color Background color of the back to top button
Slideshow Icon Color Icon colour used in slideshow navigation.
Slideshow Icon Shadow Color Icon shadow colour used in slideshow navigation
Loader Color Color of the loader
Loader background Background color of the loader.