Aagan : Theme customize 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.

  1. Site Identity
  2. Site Layout
  3. Site Skin
  4. Menus
  5. Widgets
  6. Additional CSS
  7. Additional JS
  8. Typography

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
  • 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

Slider Widgets

To customize the slider widget with available widgets.

A WordPress Widget is a small block that performs a unique function. Widgets can then be added to widget-ready areas of the theme called widget sections. Aagan has some pre-made widget sections and also allows you to create an unlimited amount of custom widget sections.

You can create custom widget areas and you can assign it to any post, pages,….

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 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.
  • Footer Typography Options – Navigate to the Apperence > customize > Typography >
    Footer panel, then customize the Footer Title and Footer Content Typography section.

Was this article helpful?