Colors
General
Skin
- Theme Skin
Choose one of the predefined styles or set your own colors
- One Color
If selected "One Color Skin" in "Theme Skin", you can set your base color of the website
Background
- Body Background
Used for "Boxed Layout", the color of body
- Content Background
The background color of the content
Archives
- Post background
The background color of post on blog archive page
- Portfolio background
The background color of portfolio pages on portfolio archive page
- Product background
The background color of products on shop archive page
Action Bar
Desktop & Tablet
- Background
Background color of the Action Bar
- Text color
Color of the text inside the Action Bar
- Link color
Link color of the text inside the Action Bar
- Link | Hover color
The hover color of the text inside the Action Bar
- Social Icon | Color
Color of the icons inside the Action Bar
- Social Icon | Hover color
The hover color of the social icons of the Action Bar
Mobile
- Background
Background color of the Action Bar
- Text color
Color of the text inside the Action Bar
- Link color
Link color of the text inside the Action Bar
- Link | Hover color
The hover color of the text inside the Action Bar
- Social Icon | Color
Color of the icons inside the Action Bar
- Social Icon | Hover color
The hover color of the social icons of the Action Bar
Header
- Header background
Color of the header background
Top Bar
- Top Bar Left | background
The background color of the Top Bar Left
- Top Bar Middle | background
The background color of the Top Bar Middle
- Top Bar Right | background
The background color of the Top Bar Right
- Top Bar Right | Icon color
The color of the Icon used in the Top Bar Right
- Top Bar border bottom
The color of the border below Top Bar
Subheader
- Background
The background color of a subheader
- Title Color
The color of the text inside the subheader
Menu
Menu
- Link color
The color of links inside the menu
- Active Link color
The color of the active links inside the menu
- Active Link background
The background color of the active links inside the menu
Submenu
- Background
The background color of links inside the submenu
- Link color
The color of links inside the submenu
- Hover Link color
The color of the active links inside the menu while hovering it
Menu Icon
- Icon color
The color of the menu icon (hamburger).
- Icon background
The background color of the menu icon.
Styles
- Overlay Menu background
Background color of the overlay menu
- Overlay Menu Link color
Color of the links in overlay menu
- Overlay Menu Active Link color
Active link color of the overlay menu
- Plain Border color
Border color of the overlay menu
Side Slide
- Background
Background color of the side slide menu
- Link color
Link color of the side slide menu
- Active Link color
Active link color of the side slide menu
Content
- Theme | color
Highlighted button background, some icons and other small elements inside the content
- Text | color
Default color of the content
- Selection | color
The color of the background while selecting some text
Link
- Link | color
Link color of the text inside the Content
- Link | hover color
The hover color of the links inside the Content
- Fancy Link | color
A color of the Fancy Link
- Fancy Link | background
A background color of the Fancy Link
- Fancy Link | hover color
The hover color of the fancy links
- Fancy Link | hover background
The hover background color of the fancy links
Inline Shortcodes
- Dropcap & Highlight background
The background color of dropcap and highlight shortcodes
- Hr color
Color of the HR tag, also includes the color of Dots, ZigZag
- List color
Text color of the html list, ordered, unordered & bullets list
- Note color
The color of the notes, including Blog meta, Filters, Widgets meta
Section
- Highlight Section background
The background color of the hightlight section feature
Alerts
Warning
- Background
Background behind the warning alert
- Text color
Text color for the warning alert
Error
- Background
Background behind the error alert
- Text color
Text color for the error alert
Info
- Background
Background behind the info alert
- Text color
Text color for the info alert
Success
- Background
Background behind the sucess alert
- Text color
Text color for the sucess alert
Advanced
- Border radius
Set up border radius for alert boxes
Elements
- Accordion & Tabs Title color
The color of the accordion and tabs title
- Accordion & Tabs Active Title color
The color of the active accordion and tabs title
- Blockquote color
The color of the blockquote element
- Contact Box | background
The background color of the contact box, this is also Infobox background
- Content Link | icon color
The color of an icon in a Content Link shortcode, this is also Content Link hover border
- Counter Icon | color
The color of an icon of the counter, this is also Chart Progress color
- Icon Bar Hover Icon color
The hover color of icons of the Icon Bar
- Icon Bar Icon color
The color of icons of the Icon Bar
- List & Feature List Icon color
The color of icons inside the List and Feature list
- Pricing Box | Price color
The color of price of the Pricing box
- Pricing Box | Featured background
The background color of price of the featured pricing box
- Progress Bar background
The background color of the progress bar
- Quick Fact Number color
The color of a number inside the quick fact
- Sliding Box Title background
The background color of a title inside a sliding box
- Trailer Box Subtitle background
The background color of a subtitle inside a trailer box
Forms
Input, Select & Textarea
- Text color
The color of a content
- Background
The background color of these elements
- Border color
The border color of form elements
- Placeholder color
The color of a placeholder
Focus
- Text color
The color of a content while element is focused
- Background
The background color of these elements while element is focused
- Border color
The border color of form elements while element is focused
- Placeholder color
The color of a placeholder while element is focused
Advanced
- Border width
The border width of the form elements
- Border radius
The border radius of the form elements
- Background Transparency (alpha)
The background color transparency of a form
Headings
- Heading H1 color
The color of the H1 heading
- Heading H2 color
The color of the H2 heading
- Heading H3 color
The color of the H3 heading
- Heading H4 color
The color of the H4 heading
- Heading H5 color
The color of the H5 heading
- Heading H6 color
The color of the H6 heading
Shop
Single product
- Image icon background
Background of the icon visible on the product image on hover
- Image icon color
The color of the icon visible on the product image on hover
Wishlist
- Add to wishlist icon color
The color of the wishlist icon
Footer
- Theme color
Color for icons and other small elements inside the footer
- Background
The background color a footer
- Text color
The text color of the footer
- Heading color
The heading color of the footer
- Note color
The color of the notes, including Widgets meta
- Copyright border
The color of the copyright border inside the footer
Link
- Link | color
Link color of the text inside the Footer
- Link | Hover color
The hover color of the text inside the Footer
Social
- Social Icon | Color
Color of the icons inside the Footer
- Social Icon | Hover color
The hover color of the social icons in the Footer
Back to Top & Popup Contact Form
- Icon | color
The color of the text of back to top icon
- Icon | background
The background color of the back to top icon
Sliding Top
Back to Top & Popup Contact Form
- Sliding Top Theme color
Color for icons and other small elements
- Sliding Top background
The background color of the sliding top
- Sliding Top Text color
The color of the text
- Sliding Top Link color
The color of the links
- Sliding Top Hover Link color
The hover color of the links
- Sliding Top Heading color
The color of the headings
- Sliding Top Note color
The color of the notes, including Widgets meta