Custom Colors

  • Show Custom Colors Settings. On/ OFF
    • Primary Color: Choose Primary Color of the theme. Allow you change color of some elements which don’t have option to custom color. Such as these elements below:
Hover color of social icons
Color of current date in Calendar
    • Secondary Color: Choose Secondary Color of the theme

    • Link- Color: Choose Color for Hyper Link
    • Link- Hover Color: Choose Hover Color for Hyper Link
    • Button Background: Choose default Background Color for Buttons
    • Button Text Color: Choose default Text Color for Buttons
    • Button Background Hover Color: Choose default Background Hover Color for Buttons
    • Button Text Hover Color: Choose default Text Hover Color for Buttons
    • Gradient Mask- Start Color: Choose Start Color for the Gradient Mask. To have an idea, check this: https://uigradients.com
    • Gradient Mask- End Color: Choose End Color for the Gradient Mask. To have an idea, check this: https://uigradients.com
    • Gradient Mask- Opacity: Set opacity for the Gradient Mask, from 0 to 1
An Example of using Gradient Mask
  • Customize Header Colors: Change various color settings on Header.
    • Top Link Background: Choose background color for the Top Link
    • Top Link Text Color: Choose color for text on Top Link
    • Top Link Social Icons- Color: Choose color for Social Icons on Top Link
    • Top Link Social Icons- Hover Color: Choose hover color for Social Icons on Top Link
    • Navigation- Background Color: Choose background color for the Navigation
    • Navigation- Item Color: Choose color for menu items on Navigation
    • Navigation- Item Hover Color: Choose hover color for menu items on Navigation
    • Navigation- Item Hover Background Color: 
    • Navigation- Background color of current Item: Choose background color for curren menu item
    • Navigation- Text Color of Current Item: Choose text color for curren menu item
    • Navigation- Background color for sub Menu: Choose background color for sub menu of Navigation
    • Navigation-  Sub Menu Item Coror: Choose color for sub menu item of Navigation
    • Navigation- Sub Menu Item Hover Color: Choose hover color for sub menu item of Navigation
    • Navigation- Sub Menu Item Hover Background Color: Choose hover background color for sub menu item of Navigation
    • Top Bar Background: Choose background color for the Top Bar. This option will override the color of chosen Preset
    • Heading Text Color: Choose color for Text Heading on Header
    • Contact Text Color: Choose text color for Contact area
    • Contact Icon Color: Choose color for Icons in Contact area
    • Top Menu- Item Color: Choose color for menu item in Top Menu
    • Top menu- Item Hover Color: Choose hover color for menu item in Top Menu
    • Search Icon- Background: Choose Background Color for Search Icon
    • Search Icon- Color: Choose Icon Color for Search Icon
    • Search Icon- Hover Background Color: Choose Hover Background Color for Search Icon
    • Search Icon- Hover Color: Choose Hover Color for Search Icon
    • Search Icon- Text Color: Choose Text Color of the Search Input
  • Background Color for Sticky Nav: Choose Background Color