NovelLite Theme

Installing Theme :-

  • First download theme zip file from WordPress.org
  • Go to your wp-admin dashboard.
  • Then open “Appearance > Themes”.
  • Click on “Add New” button and click on “Upload Theme” button.
  • Then select zip file of theme.
  • After that activate theme.

Setup Home Page

  • Create a new page and select “Front Page Template” from page attribute.
  • After that go to the Settings > Reading and set that newly created page as a Front page.
  • reading setting novellite

General Setting

  • In this setting you can add the site information like a logo, site title, tagline for your site. Just open your dashboard, Go to “Appearance > Customize > General setting”.
  • Select your logo and site icon by clicking on “Select Image” button.

general setting novellite

Adding Scrolling menu

    To get scrolling menu please follow these steps:-

  • Go to “Appearance > Menus” and create a new custom menu.
  • Add new link from “links” tab.
  • Here you need to add section id in “URL” field.
  • Please check id for all section, you can use them
  • Home              = #page-top
    Services           = #section1
    Testimonial     = #section2
    News                = #section3
    Team                = #section4
    Contact             = #section5
    Woocommerce = #section8
    Pricing              =  #price-package

scrolling menu novellite

Now select “Front Menu” as a Theme Location for your Section Menus.

If you want show your menu only on inner pages not on your front page header. Create a custom menu and then select “Main Menu” as a Theme locations from Menu Settings.

Theme Option

  • Go to “Appearance > Customize > Theme option”. Here you will get multiple option to change the whole styling of your site.
  • Global Setting– Set the site layout in all the templates of your site. If you want to disable the header and animation in your site, just check the box. Hide the back to top button.
  • Site Colors- Set the theme color, footer and copyright background color.
  • Header Setting– Set the header layout and if you want transparent header just check the box (this will be applied for front page template only). You can show your last added menu as a custom menu button. You can set the background color and also give color to each element.
  • Footer text- Add your footer text here.
  • Background header image- Add background image in header which will be shown on your template pages.
  • Body background color and image- Add the background set the color and image in the body your templates.

Section On/Off

  • Here hide/show any section at home page.

Slider Section

  • Add slides on home page, go to “Appearance > Customize > Slider Section”. Put up to 3 slides and change the styling of each slide by adding heading, description, slide image, button text and link.


  • Setting-

  • On/off the parallax scrolling of your image and set the slider speed. Disable image overlay mask from slider.
  • Choose different button styles.
  • Here you can upload the image, give the name to the slider and link for heading & button.

Service Section

  • Add services on home page, go to “Appearance > Customize > Service Section”. Put up to 3 service column and add your service icons by adding the icon class from font awesome icon. Add heading, heading link and description to your icon.
  • Pick your Font awesome icons. Paste the icon name(like : fa-camera-retro for camera icon) in the text area.

  • Setting–

  • In service setting, you can add heading, sub-heading. Give color to each element.
  • Background option will allow you to pick bg color or upload bg image. You can on/off the parallax of your image. Along with this you can set the image overlay color.

Testimonial Section

  • Add testimonial on home page, go to “Appearance > Customize > testimonial Section”. Add up to three testimonial. Add text, author image and author image.

  • Setting–

  • In testimonial setting, you can add heading. You can easily manage the testimonial slider speed. Give color to each element.
  • Background option will allow you to put bg color and bg image. You can on/off the parallax of your image. Along with this you can set the image overlay color.

Blog Section

  • Go to “Appearance > Customize > blog section”. Show unlimited post on your site and change the text of read more.

  • Setting–

  • Add heading, sub-heading and give color to each element.
  • Background option will allow you to put bg color and bg image. You can on/off the parallax of your image. Along with this you can set the image overlay color.

Team Section

  • Go to “Appearance > Customize > team section”. You can add up to three team member with their image, name, description and link.

  • Setting–

  • In team setting, you can add heading, sub-heading and give color to each element.
  • Background option will allow you to pick bg color or upload bg image. You can on/off the parallax effect of your image. Along with this you can set the image overlay color.

WooCommerce Section

  • In WooCommerce section add your product by putting the shortcode of WooCommerce. You can add heading, sub-heading and give color to each element.
  • Background option will allow you to pick bg color or upload bg image. You can on/off the parallax of your image. Along with this you can set the image overlay color.

Pricing Section

  • Go to “Appearance > Customize > Pricing Section”. You can add heading, sub-heading and give color to each element.
  • In pricing section, you can add your pricing table for this you have to download any free pricing plugin from WordPress.org. Then put the text area or shortcode.
  • Background option will allow you to pick bg color or upload bg image. You can on/off the parallax effect of your image. Along with this you can set the image overlay color.

Contact Section

  • Add contact section go to “Appearance > Customize > Contact Us Section”. You can add heading, sub-heading and give color to each element.
  • You can put a contact form by Lead form builder plugin. Just download the plugin & activate it on your dashboard. Create a contact form. You can add Contact us form on your site by putting the shortcode of that form.
  • Background option will allow you to pick bg color or upload bg image. You can on/off the parallax effect of your image. Along with this you can set the image overlay color.

Additional CSS

  • To add additional CSS go to “Appearance > Customize > Additional CSS and simply put your CSS here.

Section overlay color

If you want to set overlay color on image just select the color and decrease the transparency or if you want to put color in background just increase the transparency.

For more information you can contact our support team at support forum.