Header Settings

The Header tab holds options which are all about configuring your header part of website, including logo, slideshow area and menu.


To edit Header settings navigate to Theme Options -> Header page at your Dashboard.

theme_options





header_01

Logo Image Section

  • Use custom logo image
    To use your own logo simply click “Choose file” button in the “Use custom logo image” block, then select to upload your logo image.
  • Use custom Retina logo image
    To use your own logo for Retina view, simply click “Choose file” button in the “Use custom Retina logo image” block, then select to upload your logo image.
  • Hide logo image
    In case you do not wish to use a logo you can hide it by setting “Hide logo image” option to “On”.
to Top





header

Logo Font Section

  • Choose a Font for logo
    To set a font for your logo simply choose one of available fonts in this dropdown list.
  • Logo font style
    You can set a text in your logo to be a normal or italic.
  • Logo font weight
    In this textbox you can set weigh for your logo text. You can set values from “100” to “900”.
  • Logo text size
    In this textbox you can set a size for your logo text. Default value is 48px.
  • Logo text color
    Here you can set a color for your Logo text in hex format or simply use a color picker menu to the right of your textbox.
to Top





header

Header Background Section

  • Header background color
    Here you can set a background color for your header in hex format or simply use a color picker menu to the right of your textbox.
  • Header pattern image
    Here you can upload and set pattern image for the header of your website, where the logo is located. Click “Choose file”, browse for your pattern image and upload it.
  • Custom pattern settings.

    After you uploaded your pattern image, you can adjust it position and choose whether it will be repeatable or not:

    • Header pattern repeat.
    • Header attachment.
    • Header pattern horizontal position.
    • Header pattern vertical position.
to Top




header

Menu Colors Section

These options allows you to choose colors for the following menu elements:

  • Menu active item background color.
  • Menu active item text color.
  • Menu mouseover item background color.
  • Menu mouseover item text color.
  • Menu dropdown background color.
  • Menu dropdown text color.
You can set these colors in hex format or simply use a color picker menu to the right of your textboxes.
to Top





header

Page Background Section

  • Page title background color
    Here you can set a background color for your title area in hex format or simply use a color picker menu to the right of your textbox.
  • Page pattern image
    Here you can upload and set pattern image for your pages. Click “Choose file”, browse for your pattern image and upload it.
  • Custom pattern settings:
    After you uploaded your pattern image, you can adjust it position and choose whether it will be repeatable or not.
  • Page title area text color
    Here you can set a text color for your title area in hex format or simply use a color picker menu to the right of your textbox.
to Top





How to change other theme Colors?

If you need to change some other colors you can check CSS Tweaks section in our FAQ.