Welcome To Monic Theme
Elementor WooCommerce WordPress Theme

Introduction

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our support center.

Before Getting Started

If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:

Requirements & Compatibility

Requirements

To run WordPress your host just needs a couple of things:

Compatibility

Our theme is compatible with the following browsers:

Installation

WordPress Core

You download and install WordPress version 5.4 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

WordPress Installation

Follow the steps below to install via WordPress:

  1. In your WordPress Admin Panel, go to Appearance > Themes
  2. Click on the Add New and Upload Theme buttons
  3. Click on the Choose File button and navigate to find the monic.zip file on your computer and click on the Install Now button
  4. Wait while the theme is uploaded and installed
  5. Activate the newly installed theme
  6. Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins
WordPress Installation
Please note that:
  • Some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size.
  • If you get the error message: "The package could not be installed. The theme is missing the style.css stylesheet.", it means that you didn't upload the theme package. You will need to extract your package and install the monic.zip file inside.

FTP Installation

Follow the steps below to install via FTP:

  1. Log into your hosting space via a FTP software
  2. Unzip the monic.zip file and ONLY use the extracted monic folder
  3. Upload the extracted monic folder into wp-content > themes folder
  4. Go to Appearance > Themes and activate the Druco theme
  5. Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins
FTP Installation

Required Plugins

After activating the theme, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

Install Required Plugins

Demo Content

Our theme includes the demo data to the One Click Demo Import plugin. In admin panel, you go to Appearance > Demo Importer (You have to install and activate the Monic Plugin to see this menu item). Then you click on the Import Demo Data button and the Continue & Import button (without selecting any recommended plugin from One Click Demo Import). It will take a few minutes to complete!

Import Demo Content

Please note that if you have any problem with import, please read this article https://ocdi.com/import-issues/ and check your hosting configuration, or contact us here support@themerange.net

Updating The Theme

Manual Update

Follow the steps below to manually update the theme:

  1. First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to the Downloads tab. You find the Monic theme in your purchased themes list.
  2. You delete the current theme. Don't worry about this. Your data won't be lost.
  3. You upload the new theme package via WordPress or FTP software.
Please ensure that you only upload the installable WordPress file. If not, you will get an error message: "The package could not be installed. The theme is missing the style.css stylesheet."

Automatic Update

You update the theme through the Envato Market plugin. Follow the steps below to set up this plugin:

  1. Download and install the Envato Market plugin
  2. You go to here https://build.envato.com/create-token/ and create a token. Get it.
  3. In WordPress admin panel, you find the section called Envato Market. You enter your token code in there.
Please note that:
  • If you translated the theme to another language, you should backup your translation files in the themes > monic > languages folder before updating. You should also backup the translation files in plugins.
  • After updating the theme, you should update the recommended plugins if there is a notification about updating plugins. You go to Appearance > Install Plugins to update plugins. If you can not update the recommended plugins in wp admin, you should manually update them.

Theme Options

After activating our theme, you can go to Appearance > Theme Options to configure the theme. Below will explain what you can do with Theme Options.

  • General: Add your logo and some global options
  • Header: set up the Header Layout, breadcrumb and other options for header
  • Header: select Header Builder which you want to show
  • Footer: select Footer Builder which you want to show
  • Blog: configure the Blog Layout and some options to Show/Hide some things on the blog page
  • CPT: Custom Post Type (Services, Projects, Team & Testimonials) configure the Layout and some options to Show/Hide some things on the blog page
  • Custom Code: allow you to add custom css/js code
  • Import/Export: backup or restore your theme options
Theme Options

Widgets & Sidebars

To manage widgets, you go to Appearance > Widgets. Just drag and drop widgets over to the sidebar.

Monic comes with 3 custom widgets and 5 sidebars. You can also easily add the custom sidebars.

Adding A New Sidebar

To add a new sidebar:
  1. In the Widgets editor, you scroll down to the bottom
  2. On the right hand side, you will see a form
  3. You input your sidebar name and click on the Add Sidebar button
To remove your sidebar: just click on the trash icon on your sidebar.
Widget Area

Adding The Logo & Favicon

Follow the steps below to set up the logo & favicon:

  1. Navigate to Appearance > Theme Options. You select the Logo tab
  2. Find the logo and favicon options
  3. Click on the Upload button and choose a file from your library
Logo & Favicon
Please note that there is also the logo option in each page (see Page Options). It will override the logo option in Theme Options.

Setting Up Header

To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose Header Layout, configure your breadcrumb and other options.

Header Layout

Monic comes with 6 different header layouts. Just choose one of our header layouts for your site.

You can also choose the header layout for individual pages (see Page Options).

Header Layout

Breadcrumb

Monic comes with 3 different breadcrumb layouts. Just choose one of our breadcrumb layouts for your site.

You can also choose the breadcrumb layout for individual pages (see Page Options).

Header Breadcrumb

Other Options

  • Sticky Header: Show header when scrolling down.
  • RTL: show your site Right to Left direction like Arabic.
  • Right Click: Disable your right click of your site.
  • Back to Top: Disable back to top separately desktop and mobile version.
  • Loading Screen: Disable loading screen or choose your own preload image.
  • Top Bar: Disable top bar.
  • Search Layouts: 2 Search Layout designs.
  • Header Sidebar Disable header sidebar information.
  • Search Bar: Show the search bar
  • Mobile App Style Navigation: Add style navigation for mobile app

Header

Monic allows you to create unlimited header layouts. The following sections will explain how to set up a new header.

Adding Header Content

Follow the steps below to add a new header content:

  1. In admin panel, you go to Header Builder.
  2. Add a new header builder and add content as you normally do with page.
  3. Then, you go to Appearance > Theme Options > Header. You select your header block in there.
Header Customization
Header Customization
Please note that:
  • You have to activate our Monic plugin to see the Header Builder menu.
  • If the Elementor editor does not show up, you will go to Elementor > Settings. You check Header Builder in the Post Types option.

Pages

Monic is built based on the Elementor plugin and powerful Page Options which help you build any kinds of pages. The following sections will explain how to create a new page.

Create A New Page

Follow the steps below to create a new page:

  1. In admin panel, go to Pages and click on the Add New button
  2. Input the page title and page content
  3. On the Page Attributes section, choose the page template from dropdown list
  4. Scroll down and find the Page Options section, make some configurations for your page

Page Options

In the page editor (You Edit Page, not Edit with Elementor), you will see the Page Options section at the bottom of editor. It will help you create many kinds of pages.

After changing Page Options, you can switch to Elementor and continue editing page content.

Page Options

Some options will override the options in Theme Options. Select Default if you want to use your global settings.

Home Pages

Setting up a home page

  1. In admin panel, you go to Settings > Reading.
  2. You choose the A static page(select below) option.
  3. Select a page from dropdown list of the Homepage option.
Reading Settings

Blog

Monic supports blog post. They will help you easily make a microblogging website.

Create A New Post

Follow the steps below to create a new post:

  1. Go to Posts
  2. Click on the Add New button
  3. Input the post title and post content
  4. Choose the post format and category on the right hand side
  5. Scroll down and find the Post Options section, make some configurations for your post

Post Options

In the post editor, you will see the Post Options section at the bottom of editor. It will help you create different layouts for different posts.

Post Options

Blog Page

Follow the steps below to set up a Blog page:

  1. You create a new page
  2. Input the page title. You don't need to input the content
  3. On the Page Attributes section, set Tempate to Blog Template
  4. Save your page
Please note that:
  • If you use Blog Template, you will configure your blog layout in the Page Options section.
  • If your homepage displays the latest posts (setup in Settings > Reading), you will configure your blog layout in Theme Options > Blog tab.

Elementor

Elementor will help you manage your content at the WordPress sites and build any layout you can imagine in a few minutes without coding. You can watch tutorial video to get started.

How to add new element

To use Elementor, you click the Edit with Elementor button

Edit with Elementor

It will change to the Elementor editor as below

Elementor Editor

Then, you choose an element, drag and drop it from the left panel to the right panel

Elementor Add Element

TR Elements

All our elements are in the TR Elements section (with the TR prefix). Below explains about them.

Contact Form 7

Merit makes it possible to create forms for various purposes with the help of Contact Form 7.

In order to setup Contact Form 7, please perform the following steps:

Now when you use Elementor Builder, you will see a new shortcode in the list of Merit tab - Contact specific shortcode.

Support

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful. Please visit our support forum or ask question support@themerange.net

Support for my items includes:

Item support does not include:

Before seeking support, please...

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at Support Center. Email Us at: support@themerange.net