User Guide

This is ThemesNova documentation, containing helpful information, features and detailed instructions about how to use the theme.

1. General Information & Installation

1.1 Introduction

ThemesNova is the powerful SAAS based platform especially designed to create WordPress Theme in just few clicks. It will help you in developing a unique theme for your website rather than spending money on an expensive web designer.

When it comes to the world-class WordPress themes with impressive features and stunning designs, no competition stands at par with ThemesNova . ThemesNova is loaded with various customizable tools and exciting features. With ThemesNova, you empower yourself to build stunning websites of your own even if you are not at all familiar with coding. Explore the unlimited possibilities of creating an exceptional website with ThemesNova.

1.1.1 Key Features

MultiPurpose
- The theme can be used to create websites for any of your business niche.
Autoupdate System
- The theme has an auto-update system so that users can directly update the theme without reinstalling it.
Autoupdate Custom Plugins
- All custom plugins have an auto-update system so that users can directly update the plugins without reinstalling it.
Mega Menu
- With the help of Mega Menu, you can easily add several widgets column-wise, configure them and create a great vertical mega menu.
Drag & Drop Page Builder
- Elementor Page Builder plugin for WordPress takes full control over your site. Build any layout you can imagine with intuitive drag and drop builder no programming knowledge required.
Google Analytics & Google Adsense
- Google Analytics/Adsense is also added to the ThemesNova which display tool on your website to host third-party ads that are relevant to your audience and also Custom code which comes in many shapes and forms. Often, custom code is used to connect two systems together, which is known as point-to-point integration.
Redux Framework
- Redux is a simple, truly extensible options framework for WordPress themes and plugins. It is easier than ever to build your block-based site fast.
Revolution Slider
- Slider Revolution is an innovative, responsive WordPress Slider Plugin that supports the theme created by ThemesNova.
One Click Demo Installation
- Using this feature, the user can install a full demo template created with a single click.
Customizable Footer
- Footer customizer provides users to create their own style footer in an easy way.
Customizable Header
- Header customizer provides users to create their own style Header in an easy way.
RTL
- It is well supported right to left functionality.
Cross Browser Compatible
- ThemesNova has the ability to function across different browsers.
Responsive
- ThemesNova looks good and works well across devices, no matter whether it is a laptop, desktop, mobile, or tablet.
Multiple Sidebar Options
- ThemesNova includes multiple sidebar options.
Retina Ready
-ThemesNova serves retina-ready graphics which displays a sharper and brighter image and more vivid colors.

1.1.2 Created Date

Created : "28/07/2022"

Version : 1.0

By : ThemesNova

Email : support@themesnova.app

1.2 Theme & Plugins Installation

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions on WordPress Codex. Below are all the useful links for WordPress information.

1.2.1 Download Theme

To download the theme user has to navigate to ThemesNova Dashboard. For that click here.

Note - Users will get the dashboard login details via mail, which they used at the time of their purchase. If in case, they didn't receive login info, then please contact to our support team via support@themesnova.app

After login to the dashboard, you can download the theme by clicking on Download button as shown in the screenshot. After this, you can see test.zip(main theme, which you have to install).

Note - The test.zip is the file that you have created using the ThemesNova tool.

1.2.2 Theme Installation

You can install the theme in two ways through WordPress, or via FTP. The test.zip file is the Installable WordPress Theme and that is what you need to use to get the theme installed. Please see the following sections for each method.

  1. Installation via WordPress:
  2. Installation via FTP:
Installation Via WordPress

How To Install Theme via WordPress?

Step 1 - Navigate to Appearance > Themes.

Step 2 - Click Add New and click the Upload button.

Step 3 - After successfully installing the theme don't forget to activate it.

Installation Via FTP

How To Install Theme via FTP?

Step 1 - Log into your hosting space via a FTP software.

Step 2 - Navigate to WordPress root directory >> WP Content >> Theme then unzip the test.zip.

Step 3 - After unzip the theme navigate to Appearance >> Themes and activate test Theme.

1.2.3 Plugins Installation

After you have successfully activated the theme you will get a message to import Demo and plugin installation. For the plugin installation, clicks on the Here. When you click on the link you will be redirected to the plugins page.

In the Plugins Screen, you will see the Basic Required Plugins that you need to install and activate.

Below mentioned plugins are the Basic Required Plugins

  • Form Builder - Build Contact Forms, Newsletters, using this plugin.
  • Redux Framework - Redux is a simple, truly extensible options framework for WordPress themes and plugins.It is easier than ever to build your block-based site fast.
  • Elementor - Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.
  • Slider Revolution -Premium responsive slider plugins,which allows you to create rich and dynamic content on your WordPress websites. And not just sliders: it allows you to build carousels, content modules, and full-fledged websites by using the rich built-in editor!.Get the video tutorial to learn more about the plugin.Revolution Slider Video Tutorials

1.3 Update Plugins

You will receive an automatic update notification message if the update is available for the plugins. Users can directly update all these as usual as WordPress default plugins.

2. Demo Content

After the successful installation of the theme file and plugins, the next step is to install demo content.

Navigate to WP Dashboard > > Demo Import. Click on Import Demo Data button. After that, you can access the demo content of the theme template that you have created.

3. Theme Options

The ThemesNova options panel has been specially created to make your work faster and easier. These options are very easy to use and in a few minutes you can change a lot of things on the website.

Navigate to Dashboard >> Theme Options

3.1 Under construction

If your sites get crash or getting an upgrade, then this option is useful because, If anyone tries to open your site at that time then the user will see an "Under Maintenance or Under Construction" message.

  • Under Construction Mode - You have to enable the “On” button to use the Under Construction Option.
  • Select Template - By this option, you can select the template which you want to display in Under Construction Mode. Here we have added screenshots of some under-construction template. User can add any of the templates as they need.
  • Custom Text -By using this feature user can add customize the heading and description of an under-construction page.
  • Heading - You can add the heading of the custom text here.
  • Description - You can add the description of the page here.

3.2 Login Screen

Using this option you can set WordPress Default Login Screen Settings and enable to change the appearance of the WordPress Login Screen.

  • WP Login Logo - Here you can upload the logo for the login screen.
  • Body BackGround Type - You can choose the background type of the page. Two options are there to choose the background type either as color or image.
    • Note

    1. If you have chosen the color as a background type then you have to set the background color.

    • Background Color - User can choose any color for the background and can also choose a transparent color.

    2. If you have chosen the image as a background type then you have to set the background image for the login screen.

    • Background Image - You can upload the background image for the login screen as needed.
  • Text color - User can choose any color for the text of the login screen and can also choose the transparent color.
3.3.1 Pre Header

The preheader will be visible before the Main Header. You can add here some general info like Search Box, Simple Text, Social Icons, etc.

  • Pre Header - You have to "On" the button to get the pre-header settings.

    • General Settings

    A user can enable the general settings like background color, text color, width, divider of the pre-header.

    • Sorting - Drag and Drop Elements. The top three elements will work at a time. You can set any three menus from here.
    • Background Color - You can set any background color of the pre-header and also you can set the transparent color.
    • Text Color - You can set the color of the text and also you can choose the transparent color.
    • Width - You can select the width of the preheader. There are two options available for this narrow and wide. You can choose according to your need.
    • Divider - If you want to use the divider then select the checkbox.

    Search Form Settings

    Using this option user can set the search form like search type, button color, button hover color, etc. These settings will be applicable only for the pre-header search form.

    • Search Type - Users can set the type like gallery, media, posts, pages according to the need of the business.
    • Button Border radius - By this option you can adjust the radius of the button border but, enter the value in the given format (10px 10px 10px 10px OR 10px 20px). You can change numerical value as needed. Please don't add comma(,) between the values.
    • Button Color - In button color, there is a color option in which you can choose any color for the button and also you can choose a transparent option.
    • Button Text Color - In button text color, there is a color option in which you can choose any color for the button text and also you can choose a transparent option.
    • Button Hover Color - In button hover color, there is a color option in which you can choose any color for the button hover and also you can choose a transparent option.
    • Button Text Color On Hover - In button text color on hover, there is a color option in which you can choose any color for the button text and also you can choose a transparent option.

Text Field Settings

These settings will be applicable only to the text of the pre-header. You can set an icon, insert the text, etc.

  • Enable Icon - To use the icon with text turn “On” the button.
  • Icon Select - Choose an appropriate icon from here.
  • Icon Color - In icon color, there is a color option in which you can choose any color for the icon and also you can choose a transparent option.
  • TextField - Add the text line according to your need. And if you need words in bold then wrap it in a span tag.

Login / SignUp Button Settings

If the user selected the login/signup menu in the general settings then this setting will be used to set the style of the login button.

  • Style Users can set the style of the login/sign up button as required. Two options are available: Basic and With icon.

Link Settings

Using this feature, the user can set link of the additional pages within a pre-header as they needed.

  • Select Page Links - User can select pages which they want to set in pre-header.
  • Links Color - Users can set the color for links and can also choose the transparent color.
  • Links Color On Hover - User can set the hover color for links and can also choose the transparent color.
3.3.2 Main Header

The main header is the top header of the website where all primary menu resides. Users can change the design of the main header of the site with the help of the below-mentioned settings as per need.

Main Header

Main Header holds the primary menu of the site.

  • Site Logo - Using this feature users can set the logo in the main header area.
  • Favicon - In this setting, the user can set a favicon for the website.
  • Width - In this setting, users can select the width of the header. The theme has two options for this narrow and wide.
  • Header Style - In this setting, users can select any header style according to their business needs. There are 14 header styles available and we had also attached the screenshots of those headers.

    Note - If you are using Listing and Real Estate header style then you need to enable page title for proper header rendering.

  • Text Transformation - Using this feature, you can select the mode in which you want to transform the text Capitalize, LowerCase, UpperCase.
  • Width - You can also change the width setting of the Main Menu. By selecting one option between narrow and wide.
  • Search Icon - This setting is used to enable the search icon in the main header. For this users have to turn“On” the button.
  • Search Type - Users can set the search type like gallery, media, posts, pages according to the need of the business.
  • Login Button - Using this setting users can enable a login button on the main header. For this users have to turn “On” the button.
  • Style - Users can set the style of the login button by selecting any one option between Basic and With Icon.
  • Action - Users can set the WP Default login or Custom Login in this setting.

Header Button

Using these settings, users can set the button label, button link, button icon, etc. But these settings will be applicable only for the header buttons.

  • Button - To use an additional button on the header user has to turn "On" button.
  • Button Label - Users can set the label of the button here.
  • Button Link - Users can set the link of the button, where they want to redirect it.
  • Button Icon - User can set the icon with button by turning “On” button.
  • Icon Type - Users can select the type of the icon by selecting any one option between default and svg
  • Icon Select - This setting is used when the user selects Icon Type as Default. Using this setting the user can select the required icon.
  • SVG Code - This setting is used when the user selects Icon Type as SVG. In this user has to add the code of the svg icon.
  • Icon Position - Using this setting, the user can set the position of the icon as Right or Left.
  • Button Color - In the button color setting, there is a color option in which you can choose any color for the background of the button and also you can choose a transparent option.
  • Button Text Color - In the button text color setting, there is a color option in which you can choose any color for the text of the button and also you can choose a transparent option.
  • Button Hover Color - Using this setting user can set the background of the and the changes can be seen on hover the button. In this setting, the user can choose any color and can also choose the transparent color.
  • Button Text Color On Hover - In this setting, the user can set any color for the text button on the hover and can also choose a transparent color.

Custom Header

Using this setting, users can create their own header by creating a page.

  • Select Page - For the custom header, users have to create a page with the items that they want to show in the header section. After publishing the page users will be able to see that page in the dropdown of custom header settings.

Header Color Settings

Using this feature user can customize the color settings of the header.

  • Background Color - In background color settings, the user can select the background color of the header and can also choose the transparent option.
  • Text Color - In-text color, there is a color option in which you can choose any color for the text of the header and also you can choose a transparent option.
  • Text Color On Hover In text color hover settings, you can choose any color for the text on hover, and can also choose the transparent color.

Sticky Header

Sticky Header is used to fix the header menu position when you scroll down. In other words, it is basically a website menu that is locked into place so that it does not disappear when the user scrolls down the page. It is accessible from anywhere on the website without having to scroll.

  • Sticky Header - To apply sticky header, users need to enable the “On “ Button.
  • Disable Responsive - If you want to disable the sticky header on responsive then turn “On “ the button.
  • Background Color - In this setting, the user can choose the background color of the sticky header and can also choose the transparent option.
  • Text Color - In this setting, the user can choose the text color of the sticky header and can also choose the transparent option.
  • Text Color On Hover - In text color on hover setting, there is a color option in which you can choose any color for the text color of the sticky bar on hover and also can choose a transparent option.

Toogle Icon

The toggle icon will appear only on the small size devices.

  • Icon Color - You can choose any color of the toggle icon and can also have a transparent option.

Mega Menu

Megamenu is a type of expandable menu in which many choices are displayed in a two-dimensional layout. It is an excellent design choice for accommodating a large number of options or for revealing lower-level site pages at a glance.

  • Background Type - Using this feature, user can choose the background type of mega menu as color or image.
  • Background Color - This setting is used when the user selects the background type as Color. In background color settings, there is a color option in which you can choose any color for the background and also you can choose a transparent option.
  • Background Image - This setting is used when the user selects the background type as Image. The user has to set the image for the background of the mega menu.
  • Heading Color - In heading color settings, there is a color option in which you can choose any color for the heading of the megamenu and also you can choose a transparent option.
  • Text Color - In text color, there is a color option in which you can choose any color for the text of the megamenu and also you can choose a transparent option.
  • Text Color On Hover - In this setting, there is a color option in which you can choose any color for the text of the mega menu on hover and also have a transparent option.
  • Icons Color - Using this setting, user can choose the color of the icon of the mega menu and can also choose the transparent option.
  • Divider Color - Divider Color setting is used to set the color of the divider in the mega menu and also have the transparent option.
3.3.3 Profile Menu

The User Profile Menu is a component that displays a user’s name and profile picture. It also displays a dropdown from which users can navigate to their profile and log out. Below mentioned are the settings for the profile menu.

  • Header Background Color - In the header background color, there is a color option in which you can choose any color for the header background color of the profile menu and also you can choose a transparent option.
  • Header Text Color - Using this feature user can select the text color of the header of the profile menu as required and can also choose a transparent option.
  • Body Background Color - In this setting, user can choose any color for the body background of the profile menu and also have a transparent option.
  • Body Text Color - This feature includes the setting of the text color of the body of the profile menu. User can choose any color for the text and can also choose a transparent option as required.
3.3.4 Title/BreadCrumb

Breadcrumbs are the navigational aid that allows visitors to understand their current location in the context of a website. The title describes the page which helps users to see their current location(page) in the website.

Title

In the title setting, the user can enable the title on the top of the page, set the color, background type, etc.

  • Page Title - To enable the page title option turn “On “ the button. But it works only for the pages.
  • Default title - To enable the default title option turn “On “ the button. But it works for the whole website not only for pages.
  • Alignment - Using this feature user can set the alignment of the title in the breadcrumb. We have provided three options Left, Right and Center.
  • Text Transformation - Using this feature you can select the mode in which you want to transform the text by selecting any one of the options between Capitalize, LowerCase, UpperCase.
  • Padding - With this option, the user can set the padding from the top, right, bottom, and left. You have to write numerical values here.
  • Background Type - With this option, the user can set the background type for the breadcrumbs. Here we have given the four options for this: Color, Image, Image with Parallax and Video and you will get the options for the background type accordingly.
  • Background Color - If the user has chosen the background type as color then the user can choose any color for the background of the breadcrumb and also you can choose the transparent color
  • Title Color - In title color, the user can choose any color for the title and can also choose the transparent color.

BreadCrumb Using these settings, the user can enable the breadcrumb and set color for that on the website.

  • Breadcrumb - To use breadcrumb on the website turn “ On “ the button.
  • BreadCrumb Color - In this, the user can choose any color for the breadcrumb and can also choose the transparent color.

3.6 Appearance

In appearance, the user can set the theme style, theme button style, and theme typography.

3.6.1 Theme Style

Using this feature user can change the design of the theme like body background, theme default color, links color. These settings will be applicable to the whole theme.

  • Body Background - With this user can choose the body background color for the theme and can also choose the transparent color. You can also set the background image for the background. We are also provided some additional settings to set the background color and image.
  • Width - Using this setting, user can select the width of the whole theme. We have given two options for this Narrow and Wide.
  • List Style - Using this user can set the style for the list item on a website.
  • Arrow - Using this arrow will appear before the list items.
  • Dot - Using this dot will appear before the list of items.
  • Dash - Using this dash will appear before the list of items.
  • Square - Using this square will appear before the list of items.
  • List Style Color - This setting will change the color of the list style which you have selected in the previous option and can also choose the transparent option.
  • Link Hover Color - By this option, the user can select the hover color of the link and can also have a transparent option. This setting will be reflected for the links of the whole website.
  • Theme Default Color - By this option, you can add or change the color of the theme or you can select the transparent option.
  • Theme Default Background Color - By this option, you can add or change the box background color of the theme or you can select the transparent option.
3.6.2 Theme Button Styles

Theme Button Settings will be applicable for all theme buttons. Using these settings user can change the background color, text color, set border etc.

Theme Button Styles

  • Default button Override - To enable button style in the theme turn " On " the button.
  • Background Color - Using this setting user can choose the background color of all theme buttons and can also have a transparent option.
  • Text Color - With this setting, the user can set the color of the text of theme buttons and also have a transparent option.
  • Font Size - Users can set the font size of the text of the button from here. It will accept an only numeric value.
  • Font Weight - User can set the font-weight of the text of the button by selecting any value from the dropdown.
  • Letter Spacing - With this setting, the user can add spaces between the character and the value will appear as a label in front of the slider.
  • Text Transformation - Users can transform the text by selecting any one option between Lowercase, Uppercase, and Capitalize.
  • Box Shadow Color - With this setting, user can choose any color for Box Shadow.

Border Setting

In the border settings, the user can set the border for all theme buttons and can design according to the need.

  • Border - To enable the border settings in the theme button turn "On" the button.
  • Border Style - With this setting, the user can set the border style for the theme button. User can select any style from the given seven options(Solid, Dashed, Dotted, Double, Groove, Inset, Outset).
  • Thickness - From here user can set the thickness of the border and the numerical value can be seen as a label in front of the slider.
  • Border Color - With this feature, the user can set the border color for the button and can also select the transparent option.
  • Border Radius - Using this setting you can adjust the radius of the border of the theme button. You have write the numeric values in the format like( 10px 10px 10px 10px), and do not add comma (,) between the values and you can change the values as needed.

Hover Settings

These settings include hover settings of the button and will be applicable on all the theme buttons.

  • Background Color - Using this setting, the user can add or change the background color of a button on the hover and can also have the transparent option.
  • Text Color - Using this setting, the user can add or change the text color of a button on the hover and can also have the transparent option.
  • Border Color - Using this setting, the user can add or change the border color of a button on hover and can also have the transparent option.
  • Box Shadow Color - Using this setting, the user can select the box-shadow color on hover and can also have the transparent option.
3.6.3 Theme Typography

In this setting, the user can add the set body font and also font for the text under H1 to H6 heading. This setting will be applicable to the whole website.

Typography Settings

In the typography, you can change the body font of your site with the help of the following settings. But, if your text under the H1 to H6 heading it will not change the font. Then you have to change the font setting in H1 or it depends on you which heading you selected.

  • Font Family - By this option you can select the text font from the Standard Fonts and Google WebFonts. You can select one at a time.
  • Font Weight & style - With this option, the user can adjust the font-weight or style of the text. It depends on that which font family you have selected either Standard Fonts or Google WebFonts and will get options accordingly.
    • If you have selected Standard Fonts then you will get four options as (Normal 400, Bold 700, Normal 400 Italic and Bold 700 Itallic ).
    • If you have selcted Google Webfonts then you will get either (Regular 400 or Regular 400 Itallic).
  • Font Subsets - With this setting user can select font subsets as Latin.
  • Text Align - By this option the user can adjust the alignment of the text by selecting the given option ( Inherit, Left, Right, Center, Justify, Intial).
  • Font Size - Using this option user can set the font size for the text and enter only numerical values here and it will automatically be converted into pixels .
  • Line Height - Using this setting user can set the line height for the text and you must enter numerical values here and it will automatically be converted into the pixels.
  • Font Color - By this option, you can change the font color or you can choose a transparent option.

H1 ..... H6

If you select these heading tags for your sites then, you can only add or change the above-mentioned settings in the particular heading tags.

3.7 Social

3.7.1 Social Share
  • Enable - If the user wants to enable the Social Share buttons to the posts single page then select the checkbox.
  • Enable Sharing - With this setting user can select the social icons checkbox which you want to share. There are five options available(Twitter, Facebook , LinkedIn , WhatsApp , Pinterest).
3.7.2 Add Social Page URL
  • By this setting, You can set social page URL link of many social media sites like (Facebook, Twitter, Dribble, Instagram, LinkedIn, Flickr, Youtube, Tumblr, Pinterest, Vimeo, Vine ).
3.7.3 Social Icons Border Setting

In these settings, you can change or add the social icon border settings.

  • Border Style - Using this option user can select the border style of social icons by selecting any one option from the given options ( Solid, Dashed, Double, Dotted, Groove, Inset, Outset ).
  • Color - In this setting, the user can select the color for the border of the social icons and also have a transparent option.
  • Hover Color - With this setting, the user can select the color for the border of the social icons on hover and also have a transparent option.
  • Border Radius -You can adjust the border radius of the social icon. Enter the values in the format (10px 10px 10px 10px) you can change the numeric values as required and also do not add comma(,) between the values.

3.8 Custom Code

In this setting, you can also design your site by adding your own CSS and js code.

  • CSS Code - You can add your CSS code in the black screen box as required.
  • JS Code - You can add your js code in the white screen box as required.

3.10 Import & Export

In this setting, the user can import or export the File and URL Link of the different Demo Theme.

  • Import Options - In this option, you can import the backup of any theme, File, and also a URL Link. This will overwrite all existing option values, please proceed with caution! .
  • Export Options - Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).

4. Elementor & Shortcodes

In these section you will learn and get information about the Elementor Page builder and Shortcodes.

4.1 Elementor Page Builder

Elementor Page Builder is easy to use drag and drop page builder that will help you to create any layout you can imagine fast and easy. No coding skills required!

You can adjust your website's style and layout for every screen. Customize breakpoints for desktop, mobile, tablet, and more. If you want to know more about Elementor Page Builder then Click Here

4.2 TM Shortcodes

A specific code that lets you do difficult things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.

4.2.1 TM Deal Timer

Using this shortcode user can add a deal timer for showing deal time on the website.

General settings

  • Background Color - In these settings, you can setup the Background color.
  • Text Color - By this option, you can set text color .
  • Icon Color - This setting allows you to customize the icon color.
4.2.2 TM Heading

By using this shortcode users design the heading in the website according to the need.

General Setting

  • Heading - The user has to enter the Heading of the Section here .
  • Span Color - You can add or change span color.
  • Heading Tag - You can select the tags style for heading in between H1 to H6 and P.
  • Subheading - You can add the subtitle of the heading section
  • Sub Heading Position - You decide the position of the subheading by selecting any one option in between (After, Before)

Content Settings

  • Heading Alignment - You can adjust the heading text alignment according to your need.
  • Heading Divider - You can set the divider in the heading by selecting any one option.
4.2.3 TM Button

As the name suggests, with this shortcode you can create a button in any section of your website.

General Setting

  • Button Title - You can change the title of the button.
  • Button Link - In this, you can enter the link URL where you want to redirect it.
  • Alignement - This settibng allows you to align the button.
  • Button Inline- You can enable/disable the Button inline setting.
  • Icon - You can enable/disable the Button icon and will get settings accordingly.

Style Option

  • Button Color - You can change the color of the button.
  • Background Color - You can change the background color of the button using this setting.
  • Typography - You can customize the button typography like font weight, font family etc.
  • Border Type - You can change the border style of the button by selecting an option between Solid, Dashed, Dotted, Double, Groove, Inset, Outset.
  • Border Radius - You can adjust the border radius of the button.
  • Margin - You can add the margin value of the button.
  • Padding - Using this you can manage your button size.
  • Hover - Enable this option to get the hover settings.
4.2.4 TM Features

Users can add qualities to the websites using features shortcode. Our feature shortcode has a variety of styles so that user can display the attributes of the websites according to the need.

General Setting

  • Features Style - In these settings, you can select the styles of the feature box between the given options.
  • Title - By this option, you can set a title of the feature.
  • Description - You can enter the feature description here.
  • Icon Type - You can select icon type from the given option (Icon, Image ) and will get options accordingly.
  • Image - You can upload the icon image here.
  • Link - Enter the link where you want to redirect the icon.

Style Setting

  • Icon Background Color - Using this option you can select the color of the background of the icon.
  • Icon Color - Using this option you can select the color of the icon..
  • Icon Size - Users can choose any size for the icon.
  • Heading Color - Users can choose any color for the icon.
  • Typography - Users can adjust the typography as per need.
  • Description Color - Users can select the description color.
  • Typography - Users can adjust the typography of the description as per need.
4.2.5 TM App Mobile View

With this shortcode, you can display your business process in an eye-catching manner.

General Setting

  • Main Image - You can add the main image here.
  • Supporting Images - You can add the supporting images here.
4.2.6 TM Countdown

You can use this shortcode to generate curosity and keep people interested when a special deal is available.

General Setting

  • Select Date - Please enter the targeted date here. The format of the date will be dd / mm / yyyy.
  • Style - You can select the style of the countdown according to your need.

Style Options

  • Color - Users can adjust the color of the number from here.
  • Typography - Users can adjust the typography of the number.
  • Color - This option allows users to choose color of text.
  • Typography - This option allows users to adjust typography of text.
4.2.7 TM Notice

With this shortcode, you can add the notice regarding the events on your website.

General Setting

  • Date - Please enter the targeted date here. The format of the date will be dd/mm/yyyy.
  • Date Position - You can select the position of the date according to your need.
  • Add Notice - This setting allows you to add the notice and you will get settings accordingly.

Style Settings

You can add notice by click on the Events Notice Shortcode Box

  • Background Color - You can add or change the background color of the event notice.
  • Icon Color - Users can choose any color of the icon.
  • Icon Size - Users can choose any size of the icon.
  • Day Style - With this setting, you can change the color and typography of the day.
  • Month & Year Style - With this setting, you can change the color and typography of the month and year.
  • Content Style - With this setting, you can change the color and typography of the content.
4.2.8 TM Image

With this shortcode, you can add an image in various sections of your sites.

General Setting

  • Choose Image - User can upload either a new image or an existing from their media library.
  • Image Size - Users can select the image size as required.
  • Image Link - Users can enter the link to the image where they want to redirect it.
4.2.9 TM Video

With this shortcode, you can add a video with a preview image on your website.

General Setting

  • Style - With this setting user can select the style by selecting any one option between Style 1 and Style 2.
  • Preview Image - You can upload a preview image for the video, by this option.
  • Video URL - You can add a video URL here where you want to redirect it.
  • Icon Color - You can adjust the video play icon color.
  • Icon Background Color - You can adjust the video play icon background color.
4.2.10 TM Testimonial Slider

With this shortcode, you can display your client's advice in a slider form in any style as needed.

General Settings

  • Number of Testimonials -The user has to enter the number for testimonials to display on the website. Enter a numeric value here..
  • Orderby - Select the orderby to arrange the display order of testimonials. We have provided four option for this: ID, Title, Date and Random.
  • Sort Order - User can sort the testimonial either in Ascending or Descending order.
  • Style - User can choose the testimonial style by this option from the given styles.

Slider Settings

  • Navigation - Using this option user can select the navigation type from the given five options (None, Arrows, Bullets, Fraction and Progress Bar) and the user will get the options accordingly in the color settings.
  • Auto Play - To enable the Autoplay option, enable the setting.
  • Loop - To enable the loop in the slider, enable the setting.

Style Settings

  • Style - You can change or add the background color and additional color using this setting.
  • Author Style - You can customize the author color and typography using this setting.
  • Designation Style - You can customize the Designation color and typography using this setting.
  • Block Quote Style - You can customize the Block Quote color and typography using this setting.
4.2.11 TM List

By this shortcode, you can add, remove, or edit your list section on the website.

General Settings

  • List Style - You can select the style of list by selecting any one option from Simple and Larger.
  • Border - Users can add a border around the list item by selecting the "On" option.
  • Inline List - With this setting, you can set all list items in line. For that please enable it.
  • Icon - With this setting you can enable/disable the icon.
  • Add List - With this setting you can add list item.

Style Settings

  • Border Type - You can select the border type of the list from the given option.
  • Border Radius - Users can adjust the border radius with this setting..
  • Typography - Users can customize the typography usinh this setting.
  • Background Color - You can add or change the background color of the list.
  • Color - You can add or change the list color.
  • Icon Style - You can customize the icon style with this setting.
4.2.12 TM Counter

This shortcode is used to enable counters on your website.

General Settings

  • Counter Style - You can select the style for the counter.
  • Columns - You can select the column number for the counter.
  • Speed - You can adjust the speed of the counter. Enter numeric value only like 1000, 2000 according to your need.
  • Title Color - You can set the color of the title of the counter.
  • Add Counter Item - You can add the counter item using this setting and will get the options accordingly.
4.2.13 TM Image Animation

With this shortcode, you can add the image to the website with animation effects in the background.

General Setting

  • Upload Image - You can upload an image according to your choice.
  • Background Image - You can upload a background image that displays the animation effect.
4.2.14 TM Category

By using this shortcode users can add the categories of the products on the website.

General Settings

  • Style - You can select any style for the categories.
  • View - You can select the view mode as grid or slider.
  • Columns - You can select a number of columns to display categories.
  • Category - Enter the category ID here. You can add multiple IDs by separating them with commas (,). To find the category ID, click on any of the categories and find the tag_id in the URL.
  • Font Size - Enter a numerical value if you need custom size (Ex: 20,30). This size will be in Pixel automatically.
  • Font Weight - You can select the font weight from here.
  • Box Color - Here you can add or change the box color of the category.
  • Additional Color - You can add or change the additional color.

Style Settings

  • Box Color - You can change the box color from here.
  • Border Type - You can select the border type from here.
  • Border Radius - You can set the border radius here. .
  • Title Style - You can change the color of the title.
4.2.15 TM Social Icons

Using this shortcode users can add social icons in any section of the website and also change the design according to the requirement.

General Settings

  • Style - You can select the style of the social icons. We have provided two options for this Default and With Icon.

Icon Style

  • Background Color - You can add or change the color of the background of the social icon. You can set social icons by navigating Theme Options >> Social.
  • Color - You can add or change the color of the social icons.
  • Margin - You can set the margin of the social icons.
  • Border - You can enable or disable the social icons.
4.2.16 TM Alert Message

This shortcode will highlight a particular section of a website.

General Setting

  • Heading - You can enter the heading of the Alert Message here.
  • Description - You can write the description of the Alert Message.
  • Border - You can set the border by selecting any one option between (None, left, Right, Top, Bottom) and you will get options accordingly.
  • Content Alignment - You can align the content according to your need.
4.2.17 TM Testimonial Grid

With this shortcode, you can show the testimonial in the grid layout.

General Settings

  • Style - You can select the style of the testimonial box.
  • Number Of Testimonials - You can enter the number of testimonials that you want to display.
  • Order By - You can set the order by (ID, Date, Title, Random) of the testimonials.
  • Sort Order - You can sort the testimonials either in Ascending or Descending order.
  • Column - You can select the number of columns. You are needed to stretch row if you want to use 3 columns with style1,2 and 3.
4.2.18 TM Contact Info

User can add contact information on a section of the website with this shortcode.

General Settings

  • Color - You can add or change the color of the icon.
  • Add Item - You can add the contact info item using by clicking on Add Item button.
4.2.19 TM Video Play Icon

Using this shortcode user can design the video play icon according to the need.

General Settings

  • Video URL - You can add the video URL.
  • Style - You can select the style of play icon as required.
  • Size - You can select the size of the play icon according to the requirement.

Design Options

  • Background Color - You can add or change the background color of the video play icon.
  • Color - You can add or change the color of the video play icon.
4.2.21 TM Post Slider

If you want to show your blog post in a slider then our Posts Slider shortcode will serve the same.

General Settings

  • Post Type - With this option, the user can select the post type.
  • Category - Enter category slug here. You can add multiple categories slugs separating by comma(,).
  • Number Of Posts - Enter the number of posts you want to display and enter numeric values.
  • Order By - You can set the order by (ID, Date, Title, Random) of the posts.
  • Sort Order - You can sort the posts either in Ascending or Descending order.

Slider Settings

  • Navigation - Using this option user can select the navigation type from the given five options (None, Arrows, Bullets, Fraction, and Progress Bar) and the user will get the options accordingly.
  • AutoPlay - Users can enable the autoplay option by enabling the option.
  • Loop - Users can enable the loop option in the slider by enabling the option.
4.2.22 TM Image Gallery

Using this shortcode you can add a gallery to your website.

General Settings

  • Grid Coloumns - You can select the number of grid columns here.
  • New Tab - Select the checkbox to open the image in a New Tab.
  • Slider - To enable the slider in the gallery please enable it .
  • Add Image - Click on Add Item button to add image.
4.2.23 TM Image With Badge

With this shortcode you can add an image in any section with have a badge.

General Settings

  • Main Image - You can upload the image here.
  • Header - You can enter the header content here.
  • Label - You can enter the label here.
  • Footer - You can enter the footer content of the badge here.
  • Style - You will get the various style setting in this option.
4.2.24 TM Pricing

With this shortcode, users can set the pricing plan on their website.

General Settings

  • Pricing Style - You can select a pricing style from here.
  • Heading - You can write a heading of the plan.
  • Currency Symbol - You can the symbol of the currency.
  • Package Price - You can decide the pricing of the package.
  • Pricing Icon - You can select the pricing icon.(This setting will appear when user selects the Style 4).
  • Button Text - You can add the text of the button.
  • Button Link - You can add the link for the button.
  • Border - You can select the border in the pricing box by selecting any one option. ( None, Between List, Top, Bottom, Between List Top, Between List Bottom ).
  • Add List - Click on Add Item button to add the Pricing.
4.2.25 TM Category Banner

By this shortcode, user can add category banner to the website.

General Settings

  • Upload Banner Image - Upload the image of the banner here.
  • Image Size - Select the image size for the banner.
  • Title - Enter the title of the banner.
  • SubTitle - Enter the subtitle of the banner.
  • Custom Link - Enter the custom link where the user wants to redirect.
4.2.26 TM Team

You can show your team members with the help of this shortcode. .

General Settings

  • Style - You can select or change the style for the team.
  • View - You can select the mode to display the team as Grid or Slider and will get the options acccordingly.
  • Columns - You can select the number of columns as required.
  • Add List - You can add the member by clicking on Add Item button.
4.2.27 TM Blog

With this shortcode, users can show the blog posts on any section of the website as required.

General Setting

  • View - You can select the view mode (Grid or Slider) of the blog post.
  • Blog Style - You can select the style of the blog post.
  • Number of Posts - Enter the number of posts you want to display.
  • Colummns - You can select the columns according to your need.
  • Select Categories - Select the category which you made in the post section.
  • Order By - You can set the order (ID, Date, Title, Random) of the posts.
  • Sort Order - You can sort the posts either in Ascending or Descending order.
  • Slider - Enable the option to turn on the slider
4.2.28 TM About Author

With this shortcode, the user can show the description of the author in a variety of styles.

General Settings

  • Style - You can select the style for the about author section.
  • Author Photo - You can upload an author image.
  • Heading - You can enter the heading.
  • Designation - You can enter the designation of the author.
  • Add Social Links - You can add the social media links here.
4.2.29 TM Portfolio

With this shortcode, you can add or change the settings of the portfolio section. This shortcode can work only if you added a portfolio in the gallery settings.

General Setting

  • Style - Users can select the style of the Portfolio Gallery as required.
  • Columns - Users can select the number of columns according to the need.
  • Number Of Gallery - Enter the number of the gallery. Enter only a numeric value here.
  • Gap Between Images - If you want to include the gap between the images enable the setting.
  • Enable Magnifier - It will enable a magnifier.
  • Enable Link - It will enable a link if needed by you.
  • Enable Filter - You can enable filter in the portfolio gallery according to your need.
4.2.30 TM Services

With this shortcode, you can add services or resources offered to the customers at any section of your website.

General Setting

  • View - With this setting user can set the mode in which you want to display the feature either as Grid or Slider .
  • Columns - Users can select the number of columns according to the need.
  • Add List - Click on Add Service button, you will get the settings settings to add services. To add multiple services click on Add Item Button.

5. Menu

First, users have to Navigate to the Appearance from the admin menu, then the users have to click on the Menus to get the settings for Menu creation.

Menus Settings

  • Auto Add Pages - It will automatically add new top-level pages to the menu.
  • Display Location - There are three menu locations where users can add the menus like (Home, Our services, contact us, blog, etc) according to your website. The three locations are :
  • Primary - This is the basic menu's location, which can be commonly used by users.
  • Mega Menu - With the help of Mega Menu, you can easily add several widgets column-wise, configure them and create a great vertical mega menu.
  • Profile Menu - Profile menu will appear to logged-in users only.

If you choose the Mega Menu location, then you have to go to the Screen Options, which is on the right side in the upper corner. Where you have to enable the CSS Classes, then the input field to add CSS class will be automatically added in all the menu items. Now you have to add ( has-mega-menu) class to the menu item in which you want to add a Mega Menu.

After adding ( has-mega-menu) class, navigate to the Widgets settings under the Appearance menu, Here you will see a sidebar which name will be the same as the menu item which you have selected for Mega Menu. By Drag and Drop, you can add widget items in this sidebar. All widgets will be shown in the form of columns.

6. Gallery

Using this you can create Gallery, Portfolio, etc. To add gallery items please navigate to Gallery >> Add New

These are the following steps, by these steps, you can learn how to add or change the settings of the gallery.

  1. Add a title for the gallery item.
  2. Write a detailed description of the item.
  3. You can set a featured image by navigating to the Featured Image Option which will appear at the right bottom corner.
  4. You can also add a category by navigating to the Category option which will appear at the right side corner.
  5. After adding all these settings don't forget to publish the post, by clicking on the Publish button right side in the upper corner.

7. Testimonials

Using this you can add the user's testimonial. To add a Testimonial navigate to Testimonials >> Add New

These are the following steps, by these steps, you can learn how to add or change the settings of the testimonials.

  1. Add client name to the title field.
  2. You can add description of the client in the description field.

Testimonial Additional Options:

  • Designation - Add your client designation.
  • Featured Image - You can set the featured image of the client.
  • After adding all these steps do not forget the post it, by clicking on the Publish button right side in the upper corner.

8. Form Builder

A plugin to create any type of form. We have added many features to build beautiful forms. Form Builder comes with 21 Autoresponder integration. There are lots of features that have added like Import, Export, User Database, Clone Forms, etc. To create a form navigate Form Builder >> Create New.

After Click on the Form Builder, the first page you will see all the form and their shortcodes if you have already made. In the right corner, you will see Create New, Import, and Export buttons.

Create New - Click on this button if you want to create a new form, a popup will be open, you have to put an appropriate name for the form and click the Create button. After click on the Create button, it will redirect you to the form edit screen. There are lots of settings available on the edit screen.

On the edit screen, you have to click on the plus button to add the columns. You can resize these columns by clicking on arrows which are available in the top left corner of the column.

Now you can drag the input fields from the right panel of the screen to the column. Each input fields have their own settings, You can edit them

Form Render As:

You can use the form as a simple Contact form and Newsletter, you can choose anyone according to your need. If you select Autoresponder, then you have to set some more settings.

Autoresponder:

Before it, you have to connect your desired autoresponder by navigating the Autoresponders menu

  • List - Select the list where you want to store the information.
  • Name Field - If you want to store user name also with Email then you have to manually select the name field if you are using more than one text field in the form.
  • Email Field - If you are using more than one email field then you have to manually select the email field.

Mail Settings

  • To - Please enter the receiver email. You can add multiple receivers emails which will be separated by comma(,).
  • From - From address, Format must be: your name
  • Subject - Please enter the subject here.
  • Additional Headers - You can enter more than one email by adding a comma(,).The format must be ,

Messages

You can edit the Error and Success messages.

  • Success - Sender's message was sent successfully popup will appear.
  • Error - Sender's message failed to send popup will appear.
  • Validation - Validation errors occurred popup will appear.
  • Required - There is a field that the sender must fill in popup will appears.
  • Email Validation - Email should be valid popup will appear.

Additional Settings

Some additional settings for button and input filed.

Button Settings

  • Font Size - You can adjust the font size of the button.
  • Font Weight - You can select the font weight according to your need.
  • Padding - You can select the padding options (Default, custom)if you want to add padding.
  • Custom Padding - You can change each of the number individually like 5px 10px 5px 10px. Please don't add comma(,) between the values, always keep empty space in between them. Using this you can manage your button size.
  • Background Color - You can set the background color of the button.
  • Text Color - You can set the text color of the button.
  • Custom Border - If you want custom border then select the checkbox to get the custom border setting.
  • Border Width - You can adjust the width of the border. The value will be in pixel.
  • Border Radius - You can adjust the radius of the border. You can change each of the number individually like 5px 10px 5px 10px. Please don't add a comma(,) between the values, always keep empty space in between them.
  • Border Color - You can add or change the color of the border.
  • Inside Form - This setting will only work for Newsletters, If you want to add a button inside the input field then you can use this.
  • Hover - If you want to hover in your button then select the checkbox.
  • Background Color - You can set the background on hover.
  • Text Color - You can add or change the color of the text on hover.
  • Hover Border Color - You can set the border color on hover.
  • Custom Action - You can add a custom action URL, if you want to control this form according to your need.

Input Field Settings

  • Label On Border - To enable label on border select the checkbox.
  • Fields Size - If you want large field size, then select the checkbox.
  • Radius - You can adjust the radius of the field. You can change each of the number individually like 5px 10px 5px 10px. Please don't add a comma(,) between the values, always keep empty space in between them.
  • Background Color - You can set the background color of the input filed.
  • Border Color - You can also set the color of the border.
  • Font Color - You can add or change the color of the font.
  • Placeholder Color - You can also set the color of the place holder.
  • Margin Form Bottom - Add custom margin from bottom.Enter numeric value here.

Export - You can backup your form using this button.

Import - Restore the backup using the import button.

Note: You have to hit the Update button for each of the Tabs(Form, Mail, Messages, Additional Settings) individually.

9. Slider Revolution

In this theme, we have provide you a wonderful plugin for a slider, that Slider Revolution. Mainly, you can use this plugin at banner. You can visually create sliders, modules and web pages with the Slider Revolution WordPress Plugin.

  • Want to know more about this plugin, please visit this Link.
  • Here is the link from where you can understand how to use the slider revolution in your website: Documentation.
  • And here are some video tutorials which will help you to unsderstand that how you can use the slider revolution in you website: Video tutorials.

    • 10. Widgets

    The ThemesNova includes several custom widgets. All widgets are accessed in the Widgets section of the WordPress admin. Widgets can be added to any sidebar, footer, and mega menu. There are various fields and settings present to choose for each individual widget all are self-explanatory. You can put as many widgets as you want inside of a sidebar or footer or megamenu.

    To Add Widgets, Follow The Steps Below

    • Step 1 - Navigate to Dashboard >> Appearance >> widgets to access the list of widgets and widget sections that they can be added to. The left hand side shows all the widgets you can use. The right hand side shows all the different sections you can add widgets to.
    • Step 2 - Simply drag and drop the widget you want into the widget section you want on the right hand side.
    • Step 3 - When finished, make sure to click Save in the widget editing box to save the widgets added to your sidebar.

    10.1 ThemesNova Widgets

    Our theme has some additional widget which can be easily added to your site and you can also control the design and content of your website without having to code.

    In this section you will learn and get information about the ThemesNova widgets.

    • Test Categories - This widget helps you to display any Category in which you can select any post type like testimonial, gallery, etc.
    • Newsletter - This will enable you to display the newsletter on any sidebar with description.
    • Post Type Categories - It displays the post type categories.
    • About Author - This widget display the author information.
    • Blog Posts - Using this widget user can display the blog posts on their website.
    • Twitter Feed - With this widget user will be able to display their twitter posts.

    Copyright © 2023 ThemesNova. All Right Reserved By ThemesNova.