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 Bar

    Text/Link Color
    This color will be used for the content in the Top Bar

    Link 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 state

    Link Color for Sticky Header (hover and active state)
    You can set different color for active/hovered links for sticky header

    Menu Background Color (hover and active state)
    You can set different color for active/hovered menu items

    Sub Menu Background Color
    You can set different color for submenu items

    Sub Menu Background Color (hover and active state)
    You can set different color for active/hovered submenu items

    Sub Menu Border Color
    You can set the submenu border color here.

    Sub Menu Link Color
    You can set different color for submenu items

    Sub 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 Bar

    Link Color
    This color will be used for the content in the Top Bar

    Link 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 footer

    Copyright Background Color
    You can set custom color for copyright area

    Copyright Text Color
    You can set custom text color for copyright area

    Border Color
    You can set custom border color for footer

    Widget Heading Color
    You can specify a custom color for Widget heading

    Text/Link Color
    You can set custom text/link color for footer

    Secondary Text Color
    Secondary color will be used for dates, post counts in the widgets

    Link 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 Navigation

    Border Color
    You can set custom border color for Off Canvas Navigation

    Widget Heading Color
    You can specify a custom color for Widget heading

    Text/Link Color
    You can set custom text/link color for Off Canvas Navigation

    Secondary Text Color
    Secondary color will be used for dates, post counts in the widgets

    Link 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 Navigation

    Border Color
    You can set custom border color for Overlay Navigation

    Widget Heading Color
    You can specify a custom color for Widget heading

    Text/Link Color
    You can set custom text/link color for Overlay Navigation

    Secondary Text Color
    Secondary color will be used for dates, post counts in the widgets

    Link Color (hover and active state)
    For links you can set different color for hover and active state