The main colors of the theme can be set here. These settings can be overwritten for each and every section. For example, if you would like an entirely different color for the off canvas menu, you can overwrite it at the custom color settings.
- General
Accent Color #1
The base color of the theme. Links, button hover events, top bar, etc. have this color.Accent Color #2
The main elements of the theme have this color. For example, buttons, icons, the backgrounds of different post formats, the background of the drop-down navigation, etc.Additional Color #1-#3
When editing content, there is the possibility to use the color set here for different elements.Default Page Title Color
This color will be used for page headings. Of course you can override this color individually for each pages.Main Background Color
This color will be used as a background color.Text Selection Color
You can specify a color to override your browser-level or system-level text highlight color. - Top Bar
Background Color
You can set custom background color for the Top Bar.Border Color
You can set custom border color for the Top BarText/Link Color
This color will be used for the content in the Top BarLink Color
For links you can set different color for hover and active state - Header
Background Color
You can set custom background color for the Header.Background Color for Sticky Header
You can set separate background color for the sticky header.Border Color
If you enable “Navigation Borders” in Header settings you can set the border color here.Link Color
You can set custom default link color in header.Link Color for Sticky Header
You can set different custom default link color for sticky header.Link Color (hover and active state)
For links you can set different color for hover and active stateLink Color for Sticky Header (hover and active state)
You can set different color for active/hovered links for sticky headerMenu Background Color (hover and active state)
You can set different color for active/hovered menu itemsSub Menu Background Color
You can set different color for submenu itemsSub Menu Background Color (hover and active state)
You can set different color for active/hovered submenu itemsSub Menu Border Color
You can set the submenu border color here.Sub Menu Link Color
You can set different color for submenu itemsSub Menu Link Color (hover and active state)
You can set different color for active/hovered submenu items
- Mobile Navigation
Background Color
You can set custom background color for the Top Bar.Border Color
You can set custom border color for the Top BarLink Color
This color will be used for the content in the Top BarLink Color (hover and active state)
For links you can set different color for hover and active state - Footer
Background Color
You can set custom background color for footerCopyright Background Color
You can set custom color for copyright areaCopyright Text Color
You can set custom text color for copyright areaBorder Color
You can set custom border color for footerWidget Heading Color
You can specify a custom color for Widget headingText/Link Color
You can set custom text/link color for footerSecondary Text Color
Secondary color will be used for dates, post counts in the widgetsLink Color (hover and active state)
For links you can set different color for hover and active state - Off Canvas Navigation
Background Color
You can set custom background color for Off Canvas NavigationBorder Color
You can set custom border color for Off Canvas NavigationWidget Heading Color
You can specify a custom color for Widget headingText/Link Color
You can set custom text/link color for Off Canvas NavigationSecondary Text Color
Secondary color will be used for dates, post counts in the widgetsLink Color (hover and active state)
For links you can set different color for hover and active state - Overlay Navigation
Background Color
You can set custom background color for Overlay NavigationBorder Color
You can set custom border color for Overlay NavigationWidget Heading Color
You can specify a custom color for Widget headingText/Link Color
You can set custom text/link color for Overlay NavigationSecondary Text Color
Secondary color will be used for dates, post counts in the widgetsLink Color (hover and active state)
For links you can set different color for hover and active state
