Orga Farm : 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. WooCommerce
  7. Additional CSS
  8. Additional JS
  9. 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

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.

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.

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

WooCommerce

(Appearance > Customize > WooCommerce

  • Store Notice – If enabled, this text will be shown site-wide. You can use it to show events or promotions to visitors!.
  • Product Catalog – Here you can choose Shop page display, Category display and Default product sorting.
  • Product Images – After publishing your changes, new image sizes will be generated automatically.

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?