Vigil : Theme customization Options

Theme customize Options

The  theme comes with a full featured theme customizer that allows you to take control of the look of your site and see your changes in real time before committing them to your live site.

The theme Customizer allows you to live preview changes you make to your theme. You can play around all you like without modifying your live site. And when you’ve made your changes, simply click Save and everything is applied instantly.

This section will cover the various settings included in the customizer.

To access the customizer, go to Appearance > Customize.

Site Identity

(Appearance > Customize > Site Identity > Logo & Site Identity)

  • Manage a regular logo favicon and a site loader.
  • Logo – Alignment, margins, default, retina, sticky header and mobile logo options.
  • Favicon – Regular favicon options.
  • Site Loader : You can easily Enable / Disable the loader

Site Layout

Layout – Here you can change the layout of our theme (Boxed or FullWidth)

Site Skin

  • Choose a predefined theme skin, a predefined color scheme or set a custom primary color.
  • Appearance > Customize > Site skin

Site Breadcrumb

  • Choose a predefined theme skin, a predefined color scheme or set a custom primary color.
  • Appearance > Customize > Site skin

Site Header

To setup header layout,Simply go to Appearance > Customize > Site Header > Header Style
to select your header layout. and choose one of the available layouts. You can also set upuse these other options:

  • Header | Style – Choose a header style (Fullwidth Header, Boxed Header, Splitted Fullwidth Header, Splitted
    Boxed Header, Fullwidth Menu Center, Two Color Header, Fullwidth Menu Left, Left Header, Left Header Boxed, Creative Header, Overlay Header).
  • Header | Position – Choose a header position (above slider, on slider, below slider).
  • Header | Transparency Choose between Semi Transparent or Transparent header Transparency.
  • Header | Background – You can select and upload a custom background image, which will be applied for the selected header.

Site Menu

Navigate to Appearance > Customize > Site Menu, click the option titled Menu Locations. Select your menu location, by clicking
the dropdown menu in each option then hit the Save & Publish button.

OR

Appearance > Menus > Menu Location tab > assign your menus to the location you want > Save Changes.

Site Footer I

Footer Customization

To customize the display of footer area, on your WordPress dashboard navigate to Appearance > Customize > Site Footer.

There you can modify the layout, background , Typography and upload custom image for your main header background.

Footer Layout

The theme includes different Footer layouts and it easy to switch your footer layout. Simply go to
Appearance > Customize > Site Footer I > Layout to select the one you like.

  1. Column Layout – 11 column layouts and 7 footer types are available.
  2. Shortcode Section – You can add any type of shortcode here, for your footer section.

Footer Background

Background Image – Add background image for your footer, also choose background posistion and repeat option for the image.

Site Copyright

  • Copyright – You can add copyright text for your footer and also you can disable it anytime.
  • Background Image – Add background image for your footer, also choose background position and repeat option for the image.
  • Typography : To customize specific typography options

Menu

  • Whether you set your menu display as regular menu or mega menu, you can customize the display of
    menu link and dropdown menu in the main navigation.
  • To customize the display of menu link in main navigation, navigate to Appearance > Customize > Menu >
    Main Menu
    or Sub Menu.
  • To customize the display of dropdown menu in main navigation, go to Appearance > Customize > Menu >
    Dropdown Style
    , then set the display to your liking.

Widgets Options

Footer Customization

To customize the display of footer area, on your WordPress dashboard navigate to Appearance > Customize > Site Footer.

There you can modify the layout, background , Typography and upload custom image for your main header background.

Footer Layout

The theme includes different Footer layouts and it easy to switch your footer layout. Simply go to
Appearance > Customize > Site Footer I > Layout to select the one you like.

  1. Column Layout – 11 column layouts and 7 footer types are available.
  2. Shortcode Section – You can add any type of shortcode here, for your footer section.

Footer Background

Background Image – Add background image for your footer, also choose background position and repeat option for the image.

Additional CSS

Add any custom CSS code here. This allows you much more granular control over the style of the theme.
This data will be saved during theme updates as well

Simply go to Appearance > Customize > Additional JS and paste your custom JS.

Additional JS

Simply go to Appearance > Customize > Additional JS and paste your custom JS.

Typography

Typography Options

This also includes customization options such as layout, colors and typography. For example, if you’d like to customize
your header, then you’ll find all the options you’ll need under the header tab in Theme Options.
Continue reading below to learn more about the new typography options.

Typography Options Locations

  • Body Typography Options – To customize the Body Font, navigate to the
    Apperence > customize > Typography > Body Typography where all the Body Typography options such as font family,
    weight, size, etc. are found.
  • H1 – H6 and Post Title Typography Options – To customize the Headers and Post Titles Font, navigate to the
    Apperence > customize > Typography > Heading Typography where all the Headers and Post Titles
    Typography options such as font family, weight, size, etc. are found.
  • Menu Typography Options – Navigate to the Apperence > customize > Typography >
    Menu panel, then go to the Main Menu Typography section.

Rate This Article

(1 out of 2 people found this article helpful)

Leave A Comment?

This site uses Akismet to reduce spam. Learn how your comment data is processed.