[kc_row _id=”253528″][kc_column width=”12/12″ _id=”10522″][nk_tabs _id=”11774″ tabs_offset=”true”][nk_tab title=”Getting Started” _id=”245401″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”691394″][kc_column_inner width=”12/12″ _id=”650828″][nk_title tag=”h2″ like=”h3″ _id=”151716″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Getting Started

[/nk_title][kc_column_text _id=”121821″]

This is WordPress theme and first you need install WordPress https://codex.wordpress.org/Installing_WordPress

Then, download theme form ThemeForest.

[/kc_column_text][nk_title tag=”h3″ like=”h4″ _id=”208700″]

Install Theme

[/nk_title][kc_single_image image_size=”nk_1280x720″ _id=”307756″ image_source=”media_library” image=”226″ on_click_action=”lightbox”][kc_column_text _id=”184553″]

  1. Log into your WordPress blog admin dashboard;
  2. Go to Appearance > Themes;
  3. Click Add new;
  4. Click Upload Theme;
  5. Click Browse to browse for the theme installation file in donwnloaded package umbrella.zip. And click Install Now;
  6. After successful installation, click Activate to make the Umbrella active;

[/kc_column_text][nk_title tag=”h3″ like=”h4″ _id=”227014″]

Install Plugins

[/nk_title][kc_single_image image_size=”nk_1280x720″ _id=”159586″ image_source=”media_library” image=”225″ on_click_action=”lightbox”][kc_column_text _id=”84783″]

  1. Go to Appearance > Install Plugins;
  2. Select all available plugins;
  3. Select Install and click Apply;

[/kc_column_text][nk_title tag=”h3″ like=”h4″ _id=”789114″]

Import Demo Data

[/nk_title][kc_single_image image_size=”nk_1280x720″ _id=”198086″ image_source=”media_library” image=”224″ on_click_action=”lightbox”][kc_column_text _id=”255461″]

Before importing demo data make sure you have installed all plugins.

  1. Go to Umbrella > Demo Import;
  2. Click Import in main demo block;

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Navigations” _id=”499718″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”453982″][kc_column_inner width=”12/12″ _id=”467028″][nk_title tag=”h2″ like=”h3″ _id=”512000″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Navigations

[/nk_title][kc_column_text _id=”403043″]

Umbrella have 5 menu locations. On image below you can see 4 of them. 5 menu location – is bottom left menu for blog page.

[/kc_column_text][kc_single_image image_size=”nk_1280x720″ _id=”520180″ image_source=”media_library” image=”222″ on_click_action=”lightbox”][kc_column_text _id=”628868″]

To setup menus, go to Appearance > Menus. There you can create your menus and place it in available locations.

[/kc_column_text][kc_single_image image_size=”nk_1280x720″ _id=”320285″ image_source=”media_library” image=”223″ on_click_action=”lightbox”][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Slider” _id=”218046″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”23658″][kc_column_inner width=”12/12″ _id=”296667″][nk_title tag=”h2″ like=”h3″ _id=”260982″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Slider

[/nk_title][kc_column_text _id=”898425″]

The main feature of theme – is slider. You can manage each slide in Portfolio page in admin area.

[/kc_column_text][kc_single_image image_size=”nk_1280x720″ _id=”441691″ image_source=”media_library” image=”221″ on_click_action=”lightbox”][kc_column_text _id=”251845″]

You can change background position per each slide and add categories.

[/kc_column_text][kc_single_image image_size=”nk_1280x720″ _id=”92716″ image_source=”media_library” image=”220″ on_click_action=”lightbox”][kc_column_text _id=”244074″]

To change slider settings go to Customizer area. You can change transition effect, transition speed, autoplay and more…

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Customizer” _id=”334507″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”670069″][kc_column_inner width=”12/12″ _id=”644473″][nk_title tag=”h2″ like=”h3″ _id=”302619″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Customizer

[/nk_title][kc_column_text _id=”207560″]

Umbrella have about 100 global options. You can open it in admin panel Umbrella > Customize or Appearance > Customize. Below you can see screenshots with some customizer sections. There is no need to describe them all in documentation, because all of them have labels and descriptions.

[/kc_column_text][kc_image_gallery columns=”2″ image_size=”nk_500x500″ _id=”433576″ images=”244,243,242,241,240,239,238,237,236,235″ type=”grid” click_action=”lightbox”][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Page / Posts Options” _id=”32337″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”87099″][kc_column_inner width=”12/12″ _id=”114369″][nk_title tag=”h2″ like=”h3″ _id=”13648″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Metaboxes for Pages / Posts

[/nk_title][kc_column_text _id=”532181″]

If you want some page looks different, then others – use custom page options. Below you can see screenshots with some metaboxes. There is no need to describe them all in documentation, because all of them have labels and descriptions.

[/kc_column_text][kc_image_gallery columns=”2″ image_size=”nk_500x500″ _id=”608032″ images=”249,248,247,246″ type=”grid” click_action=”lightbox”][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Contact Forms” _id=”295088″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”533428″][kc_column_inner width=”12/12″ _id=”892262″][nk_title tag=”h2″ like=”h3″ _id=”132558″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Contact Forms

[/nk_title][kc_column_text _id=”955860″]

Umbrella compatible with Contact Form 7 plugin. You can use forms like on this page: Contact Us.

[/kc_column_text][kc_single_image image_size=”nk_1280x720″ _id=”610898″ image_source=”media_library” image=”264″][/kc_column_inner][/kc_row_inner][/nk_tab][nk_tab title=”Contact Forms” _id=”832352″ css_custom=”{`kc-css`:{`any`:{`box`:{`padding|`:`49px inherit inherit inherit`}}}}”][kc_row_inner column_align=”middle” _id=”804890″][kc_column_inner width=”12/12″ _id=”997288″][nk_title tag=”h2″ like=”h3″ _id=”744874″ css_custom=”{`kc-css`:{`any`:{`box`:{`margin|`:`inherit inherit 33px inherit`}}}}”]

Credits

[/nk_title][kc_column_text _id=”518932″]

JavaScript Plugins:

WordPress Plugins:

[/kc_column_text][/kc_column_inner][/kc_row_inner][/nk_tab][/nk_tabs][/kc_column][/kc_row]

Loading images...