Global colors
|
bg-primary
|
|
bg-primary-light
|
|
bg-primary-dark
|
|
bg-secondary
|
|
bg-secondary-dark
|
Template colors
|
body
|
|
top-header
|
|
top-header-inner
|
|
header
|
|
header-inner
|
|
navigation-inner
|
|
navigation color
|
|
dropdown background color
|
|
content
|
Footer Styles
|
background
|
|
text color
|
|
link color
|
|
horizontal line
|
Buttons
|
style 1
|
|
style 2
|
|
style 3
|
|
text color
|
Mobile navigation
|
background color
|
|
navigation color
|
Other elements
|
social icons
|
|
top header border
|
|
header border
|
|
nav inner border
|
Template configurations
|
|
has-right-nav is-white-label
|
|
|
Top header inner
|
|
right-align color-white
|
|
Header inner
|
|
|
|
Navigation inner
|
|
|
|
Navigation styles
|
|
size-14 weight-400 is-uppercase snip-nav --effect03 has-icon-1
|
|
|
Sub-menu (breadcrumbs) styles
|
|
size-15
|
|
Mobile Navigation styles
|
|
size-18
|
|
Content styles
|
|
form-white mid-round-btn
|
|
Footer
styles
|
|
o-form color-white mid-round-btn
|
|
Footer background image
|
|
|
Typography
|
Heading H1
|
weight-600 g-font
|
|
Heading H2
|
weight-600 g-font
|
|
Heading H3
|
weight-400 g-font
|
|
Buttons
|
weight-500
|
|
|
Advanced settings
|
|
Custom CSS
|
#cc-inner .my-class {
color:#f0f0f0;
}
|
Note: All changes made here will be applied to your entire website.