Table of Content

  1. Theme Installation Guide
  2. Custom Logo
  3. Layout
  4. Banner Section
  5. Colors
  6. Typography
  7. Theme Other Options

Welcome to the Neel theme documentation. These instructions briefly explain how to set up and configure all the theme features.

Theme Installation Guide

To utilize any of our themes, you’ll need to first install and activate them. The process is just like uploading a normal theme.

Theme Installation Guide

Navigate to WordPress Dashboard > Appearance > Themes > Add New. In the search theme box, search for the Neel theme. Click on Install and once installed activate the theme.

For in-depth documentation about WordPress theme manual installation, read the official WordPress.org documentation.

Theme Customization Options

Custom Logo

User can add his/her brand logo in the custom logo section.

  1. Go to Dashboard > Appearance > Customize > Site Identity.
  2. Upload the logo image.
  3. Click on publish to retain the selections.

Banner Section

User can display an image bannner, post slider or color banner depending on the user choice.

Banner Media

Banner Media

Bannner Media section allows user to upload an image for the image banner.

Banner Options

Banner Options

The banner options allows user to customize banner display. User can choose on the banner display page/post. User can select banner type from different available types. The section gives options to enter banner title, subtitle and button text. The banner title and subtitle display style can also be customized from this section. User can select the post category for the post slider banner type.

To customize the banner section:

  1. Go to Dashboard > Appearance > Customize > Banner Section
  2. Go to Banner Media.Set your desired image for Image Banner Section.
  3. Click on publish to retain the selections.

Layout


The Layout section allows user to set the layout for the post, page and navigation container.

Container Layout

Four different styles are available for container layout:

  1. one container
  2. simple container
  3. boxed container
  4. shadowed container

To customize the container layout:

  1. Go to Dashboard > Appearance > Customize > Layout
  2. Go to Container LayoutSelect your desired layout.
  3. Click on Publish to retain the selections.

Navigation Layout

Navigation Layout

Navigation layout section 3 different types of navigation styles:

  1. Site Brand name and Navigation Items in same line
  2. Site Brand name followed by Navigation Items on next line
  3. Navigation Items followed by site brannd name on next line
  4. shadowed container

The navigation layout section also gives an option to align menu items on the left, right or center.

To customize the navigation layout:

  1. Go to Dashboard > Appearance > Customize > Layout
  2. Go to Navigation LayoutSelect your desired navigation layout.
  3. Choose the desired navigation text alignment.
  4. Click on Publish to retain the selections.

Content Sidebar

User can select the position for the sidebar or page without sidebar from this section. User can set the content sidebar positions for:

  1. Blog Post/Index Post page
  2. Archive Page
  3. Single Page
  4. Single Post

Content Sidebar Layout

To customize the font family of different elements:

  1. Go to Dashboard > Appearance > Customize > Layout
  2. Go to Blog Posts/Single Post/Single Page section depending on the page of which you want to set the sidebar position.
  3. You will find content/sidebar settings for Blog Page, Archive Page, Single Post and Single Page.
  4. Choose your desired option for each type of page
  5. Click on Publish to retain the selections.

Blog Posts Layout

Blog posts layout section gives different blog posts layout styles to choose from. The user can set different layout style for posts on blog page and archive page.
Different blog posts layout option are as given below:

  1. List
  2. List Alternate
  3. Masonry
  4. Masonry Compact
  5. Masonry Cards
  6. Grid
  7. First big other small posts
  8. First big next two small posts

This section also gives text alignment optionn for the blog post text content. User can choose from four different alignment options like: left, right, center and none.

To customize the Blog Posts layout:

  1. Go to Dashboard > Appearance > Customize > Layout
  2. Go to Blog Posts LayoutSelect your desired layout.
  3. Choose the text alignment.
  4. Click on Publish to retain the selections.

Single Post Layout

Single Post Layout
There are currently four options available for single post layout:

  1. Post Title followed by featured image
  2. Featured image followed by post title
  3. Screen wide featured image
  4. Post Title over Screen wide featured image

Single Page Layout

Single Page Layout
There are currently four options available for single post layout:

  1. Post Title followed by featured image
  2. Featured image followed by post title
  3. Screen wide featured image
  4. Post Title over Screen wide featured image

Typography

Typography Options

Typography section in customizer allows you to set font-family and font size for the body text, heading text and menu items links.

You can set font family for:

  • Body Text
  • Heading Text
  • Menu Item textMenu Item text font family can be same as body font family or heading text font family.

To customize the font family of different elements:

  1. Go to Dashboard > Appearance > Customize > Typography
  2. Go to Font FamilySelect your desired font family for body and heading text.
  3. Click on Publish to retain the selections.

You can set font size for:

  • Site Title (on desktop)
  • Site Title (on small devices)
  • Body Text
  • Heading Text
  • Menu Item text
  • Blos posts title on index page
  • Single post title
  • Single page title
  • Headings (H1 to H6)

To customize the font size of different elements:

  1. Go to Dashboard > Appearance > Customize > Typography
  2. Go to Font SizeChange the font size for different elements if you want to.
  3. Click on Publish to retain the selections.

Colors

Color Options
Color Options
Color section allows you to set color for the different elements of web page.
The list of the element of which you can set color of your choice as below:

  • Site Header Text
  • Site Background
  • Accent Color
  • Menu background
  • Menu item link color
  • Menu item link hover color
  • Footer background color
  • Footer text color
  • Footer link color

To customize the color of different elements:

  1. Go to Dashboard > Appearance > Customize > Colors
  2. Set the desired colors for different web page elements
  3. Click on Publish to retain the selections.

Theme Other Options

[Theme Other Options

Neel theme has easy to customize theme options. With these customization options, the user can change the look and feel of the site.

Blog Page Options

Banner Options

This section allows you to customize Blog Page/Index Page. It has the following customization options:

User is given two choices. Whether to display post excerpt or full post on blog posts/posts index page.

User can also set length of the post excerpt displayed on the blog index page.

To customize the blog post options:

  1. Go to Dashboard > Appearance > Customize > Theme Other Options
  2. Select the post display type and post excerpt length.
  3. Click on Publish to retain the selections.

Footer Options

Footer section allows user to add credit link inn footer of the site. The section also allows user to add scroll to top button.

  1. Go to Dashboard > Appearance > Customize > Theme Other Options
  2. Go to Footer Options. Add the footer credit information.
  3. Click on Publish to retain the selections.

Social Menu Section

Social Menu Section

In the Social Menu section, users can set links to any four social media profiles. This social media menu will be added to the primary menu of the site.

To add social media links in the primary menu:

  1. Go to Dashboard > Appearance > Customize > Theme Other Options
  2. Go to Social Media section. Add the social media links.
  3. Click on Publish to retain the selections.

Search box Options

Search Button Options

Using this option user can add a search button to the site’s top navigation menu.

User is also given an option to hide or display serch button on mobile devices.

Dark Mode Options

Dark Mode Options

This section has three differnt options.

  • Add Dark/Bright Mode Button in the primary menu.
  • Set Dark Mode as default color scheme.
  • Hide dark mode switch on small devices.

Widget Areas

Widget Areas

The user is provided with six widget areas to insert widgets. User has a sidebar widget area and three footer widget areas.The top widget area allows user to insert widgets like about us, news letter subscription or any other widget of his/her choice. The widget area is boxed area. The Instagram Widget Area at the bottom of the page is full width widget area and gives user an option to insert instagram related widgets or any other widget at the bottom of the page content.

To insert widgets in this area:

  • Go to WordPress Customizer > Widget
  • Add New Widgets
  • Save the settings