Skin Options
A list of all options available to modify the theme skin
A list of all options available to modify the theme skin
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. |
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
|
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
|
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
|
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
|
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |
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. |