{"id":1088,"date":"2015-12-19T12:12:25","date_gmt":"2015-12-19T12:12:25","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=1088"},"modified":"2020-11-05T12:45:19","modified_gmt":"2020-11-05T07:15:19","slug":"novelpro-theme","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/novelpro-theme\/","title":{"rendered":"NovelPro Theme"},"content":{"rendered":"<section class=\"installing-theme\">\n<h3>Install \/ Update Theme Setting<\/h3>\n<ul>\n<li>First download Novelpro unlimited feature theme zip file from <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noopener noreferrer\">Member&#8217;s area<\/a>.<\/li>\n<li>Login to WordPress dashboard.<\/li>\n<li>Then navigate to \u201cAppearance &gt; Themes\u201d.<\/li>\n<li>Click on \u201cAdd New\u201d &gt; \u201cUpload Theme\u201d button.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1414\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2016\/01\/2-7-2015-11-52-18-AM.png?resize=778%2C493&#038;ssl=1\" alt=\"2-7-2015 11-52-18 AM\" width=\"778\" height=\"493\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2016\/01\/2-7-2015-11-52-18-AM.png?w=778&amp;ssl=1 778w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2016\/01\/2-7-2015-11-52-18-AM.png?resize=300%2C190&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2016\/01\/2-7-2015-11-52-18-AM.png?resize=768%2C487&amp;ssl=1 768w\" sizes=\"(max-width: 778px) 100vw, 778px\" \/><br \/>\n<\/section>\n<section class=\"HomePage-Display\">\n<h3>Home Page Display<\/h3>\n<ul>\n<li>Follow the instruction to show your Homepage sections.<a href=\"https:\/\/themehunk.com\/fr\/docs\/set-default-page-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Check Here<\/a>.<\/li>\n<\/ul>\n<\/section>\n<section class=\"import-demo\">\n<h3>Import Demo Data<\/h3>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/TicpvsTeY_Y\" width=\"760\" height=\"415\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><br \/>\n<strong>Note &#8211; <\/strong> &#8220;This video showing onelinepro template import process, But same will work for all ThemeHunk themes.&#8221;<\/p>\n<ul>\n<li>For more information follow this\u00a0<a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-import-themehunk-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">link<\/a>.<\/li>\n<\/ul>\n<\/section>\n<section class=\"add-logo\">\n<h3>General Setting<\/h3>\n<ul>\n<li>To upload a logo for your website open your WP-dashboard.<\/li>\n<li>Go to \u201cAppearance &gt; Customize &gt; General Settings &gt; Logo Upload<\/li>\n<li>Upload an image by clicking on \u201cSelect Image\u201d button.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"alignnone size-full wp-image-1093\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/logo.png?resize=283%2C376&#038;ssl=1\" alt=\"logo\" width=\"283\" height=\"376\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/logo.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/logo.png?resize=226%2C300&amp;ssl=1 226w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/p>\n<\/section>\n<section class=\"scroll-menu\">\n<h3>Scrolling Menu Section<\/h3>\n<p>To get scrolling menu please follow the steps given below.<\/p>\n<ul>\n<li>Go to \u201cAppearance &gt; Menus\u201d and create a new custom menu<\/li>\n<li>Add a new link from \u201clinks\u201d tab.<\/li>\n<li>Here you need to add section id in \u201cURL\u201d field.<\/li>\n<li>Please check id for all section, you can use them<\/li>\n<\/ul>\n<p>Home \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0= \u00a0 #page-top<\/p>\n<p>Services \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 = \u00a0 #section1<\/p>\n<p>Portfolio \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0= \u00a0 #section2<\/p>\n<p>Testimonial \u00a0 \u00a0 \u00a0 = \u00a0 #section3<\/p>\n<p>News \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0= \u00a0 #section4<\/p>\n<p>Team \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0= \u00a0 #section5<\/p>\n<p>Brands \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 = \u00a0 #section6<\/p>\n<p>Contact Us \u00a0 \u00a0 \u00a0 \u00a0 = \u00a0 #section7<\/p>\n<p>Woocommerce \u00a0= \u00a0 #section8<\/p>\n<p>Pricing \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 = \u00a0 #section9<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter size-full wp-image-9658\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/scrolling-menu-novellite-1.png?resize=844%2C385&#038;ssl=1\" alt=\"\" width=\"844\" height=\"385\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/scrolling-menu-novellite-1.png?w=844&amp;ssl=1 844w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/scrolling-menu-novellite-1.png?resize=300%2C137&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/scrolling-menu-novellite-1.png?resize=768%2C350&amp;ssl=1 768w\" sizes=\"(max-width: 844px) 100vw, 844px\" \/><\/p>\n<p>Now select &#8220;Front Menu&#8221; as a Theme Location for your Section Menus<\/p>\n<p>If you want to create menu that only shows on internal pages not on home page then create a custom menu and select it as a &#8220;Main Menu&#8221; from the theme location which is in the Menu setting.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/2016-01-23_1738.png?resize=608%2C170&#038;ssl=1\" alt=\"2016-01-23_1738\" width=\"608\" height=\"170\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/2016-01-23_1738.png?w=608&amp;ssl=1 608w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/2016-01-23_1738.png?resize=300%2C84&amp;ssl=1 300w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><\/p>\n<h3 id=\"theme-options\">Theme option<\/h3>\n<p>To add theme options go to \u201cAppearance &gt; Customize &gt; Theme options\u201d. Here you will get multiple options to change the whole styling of your site.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11615\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/theme-options-novelpro.png?resize=300%2C430&#038;ssl=1\" alt=\"\" width=\"300\" height=\"430\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/theme-options-novelpro.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/theme-options-novelpro.png?resize=209%2C300&amp;ssl=1 209w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li><strong>Global setting<\/strong>&#8211; This setting allows you to disable animation effect and side loader. You can hide back to top button and also activate RTL which will show your site from right to left.<br \/>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/global-setting-novelpro.png?resize=296%2C399&#038;ssl=1\" alt=\"\" width=\"296\" height=\"399\" \/><\/li>\n<li><strong>Global Color Settings<\/strong>&#8211; In this setting you can pick color to every element present on your site.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/global-color-setting-novelpro.png?resize=297%2C511&#038;ssl=1\" alt=\"\" width=\"297\" height=\"511\" \/><\/li>\n<li><strong>Header Setting<\/strong>&#8211; In header setting you can add header as fixed or normal. If you set your header as a fixed header while scrolling the site your header will scroll along with it and if you set normal, your header will stick on the top of your site or do not scroll.<\/li>\n<li>You can also 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 pick color to each element.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/header-setting-novelpro.png?resize=279%2C566&#038;ssl=1\" alt=\"\" width=\"279\" height=\"566\" \/><\/li>\n<li><strong>Page Layout Setting<\/strong>&#8211; This setting allows you to set the page layout in all the templates of your site.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/page-layout-setting-novelpro.png?resize=297%2C305&#038;ssl=1\" alt=\"\" width=\"297\" height=\"305\" \/><\/li>\n<li><strong>Custom Jquery Code Setting<\/strong>&#8211; This setting allows you to add Custom Jquery Code in your header and footer.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11616\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/custom-jquery-theme-option-novelpro.png?resize=296%2C514&#038;ssl=1\" alt=\"\" width=\"296\" height=\"514\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/custom-jquery-theme-option-novelpro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/custom-jquery-theme-option-novelpro.png?resize=173%2C300&amp;ssl=1 173w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/li>\n<li><strong> Footer text &amp; social icon<\/strong>&#8211; You can put any Footer text or other details in it. You can add upto seven different social icons in your theme. Also put the links for respective icons to show it to the footer of page.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/footer-text-novelpro.png?resize=278%2C563&#038;ssl=1\" alt=\"\" width=\"278\" height=\"563\" \/><\/li>\n<\/ul>\n<p><strong>Body background color and image<\/strong>&#8211; Here you can add the background color or image. Pick any desired color or upload any image in the body background of your site.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1514 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/body-bg-img-novelpro.png?resize=296%2C235&#038;ssl=1\" alt=\"\" width=\"296\" height=\"235\" \/><br \/>\n<\/section>\n<section class=\"section-ordering\">\n<h3>Section on\/off and Section ordering<\/h3>\n<ul>\n<li>You can turn off any particular section or multiple section. Just navigate to the desired section box and check it. Your section will automatically disable.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2667 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl-1.png?resize=291%2C380&#038;ssl=1\" alt=\"nvl-1\" width=\"291\" height=\"380\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl-1.png?w=291&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl-1.png?resize=230%2C300&amp;ssl=1 230w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/p>\n<ul>\n<li>Drag and drop them into the desired order.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2670 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl2.png?resize=283%2C509&#038;ssl=1\" alt=\"nvl2\" width=\"283\" height=\"509\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl2.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/nvl2.png?resize=167%2C300&amp;ssl=1 167w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><br \/>\n<\/section>\n<section class=\"section-background-Setting\">\n<h3>Section Background Setting<\/h3>\n<ul>\n<li>Theme contain Two background options for each section. \u201cBackground Color\u201d and \u201cBackground Image\u201d<\/li>\n<li>If you want to choose a background Image or background Color option first select the radio button, for uploading a background image click on the select image button and upload an image. And if you want to select the background color click on the &#8220;Background Color&#8221; option.<\/li>\n<li>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.<\/li>\n<li>To add parallax effect go to &#8220;Parallax On\/OFF option&#8221; and enable it.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5259\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/section-back.gif?resize=296%2C592&#038;ssl=1\" alt=\"section-back\" width=\"296\" height=\"592\" \/><br \/>\n<\/section>\n<section class=\"advanced-typography\">\n<h3>Advanced Typography<\/h3>\n<ul>\n<li><strong>Font Subset<\/strong> &#8211; For Font Subsets. Go to <strong> Appearance &gt; Customizer &gt; Typography Panel &gt; Font Subsets. <\/strong><\/li>\n<li>Google font families support every subset. In our theme, you\u2019ll get subsets like Latin, Latin-ext, Cyrillic, Cyrillic-ext, Greek, Greek-ext, Vietnamese and Arabic. If you are using any particular language first enable the font subset. Without these special characters won\u2019t be displayed at your site. Just check the desired subset and enable it on your site.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13782\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/font-style-novelpro.png?resize=295%2C544&#038;ssl=1\" alt=\"\" width=\"295\" height=\"544\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/font-style-novelpro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/font-style-novelpro.png?resize=163%2C300&amp;ssl=1 163w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/p>\n<ul>\n<li><strong>Body<\/strong> \u2013 Go to <strong> Appearance &gt; Customizer &gt; Typography Panel &gt; Body.<\/strong> Choose Font family for body text. Adjust the font size, line height and letter spacing. This will applicable for overall sites body.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13783\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/body-typograpghy.png?resize=298%2C466&#038;ssl=1\" alt=\"body typograpghy\" width=\"298\" height=\"466\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/body-typograpghy.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/body-typograpghy.png?resize=192%2C300&amp;ssl=1 192w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/p>\n<ul>\n<li>You can also adjust \u201cText Transform\u201d set your body text as Capitalize, Uppercase, Lowercase, default or none.<\/li>\n<li>Title \u2013 Go to <strong> Appearance &gt; Customizer &gt; Typography Panel &gt; Title.<\/strong> Choose font of your title. This will set typography for overall site titles. You can also customize \u201cText Transform\u201d set your title as Capitalize, Uppercase, Lowercase, default or none.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13785\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/title-typography.png?resize=295%2C285&#038;ssl=1\" alt=\"title typography\" width=\"295\" height=\"285\" \/><\/p>\n<ul>\n<li><strong>Content<\/strong> \u2013 Go to <strong> Appearance &gt; Customizer &gt; Typography Panel &gt; Content.<\/strong> This will set the overall typography of single page form heading H1 to H6.<\/li>\n<li>Heading (H1) \u2013 Best Suited for all h1 headings like page title, product title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<li>Heading (H2) \u2013 Best Suited for h2 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<li>Heading (H3) \u2013 Best Suited for h3 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<li>Heading 4 (H4) \u2013 Best Suited for h4 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<li>Heading 5 (H5) \u2013 Best Suited for h5 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<li>Heading 6 (H6) \u2013 Best Suited for h6 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13786\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/content-typography.png?resize=283%2C672&#038;ssl=1\" alt=\"content typography\" width=\"283\" height=\"672\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/content-typography.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/content-typography.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/li>\n<li>Use typography in each section, just go to desired section and select the typography option. Select the font family, set the font size, line height, Text Transform and so on.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-13780\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/typography-setting-novelpro.png?resize=282%2C675&#038;ssl=1\" alt=\"\" width=\"282\" height=\"675\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/typography-setting-novelpro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/typography-setting-novelpro.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><br \/>\n<\/section>\n<section class=\"home-slider\">\n<h3>Slider Section<\/h3>\n<ul>\n<li>For adding slider on home page you need to go to \u201cAppearance &gt; Customize &gt; Slider Setting\u201d<\/li>\n<li>To upload an image click on \u201cUpload Button\u201d and select your image.<\/li>\n<li>While giving link to slider image please make sure you have followed the complete format (https:\/\/www.your-domain.com).<\/li>\n<li>You can also manage the speed of slider (By default it is \u20183000\u2019 which means it will roll after 3 seconds).<\/li>\n<li>You can add up to six different slider images.<\/li>\n<li>You can also Use any External Slider Plugin. For that just you have to add Plugin Shortcode in the text area.<\/li>\n<li>You can also upload a video in your slider and for mobile view you can upload a poster image in place of video.<\/li>\n<li>You can Choose Section Id want to Scroll in the Hero section scroll.<\/li>\n<li>You can Also Show Contact Form Popup. This option is given, Just add the Contact Form Shortcode and Show your Popup Form on your site.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-17937\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/slider-setting-NovelPro.gif?resize=296%2C792&#038;ssl=1\" alt=\"slider setting NovelPro\" width=\"296\" height=\"792\" \/><br \/>\n<\/section>\n<section class=\"three-column\">\n<h3>Services Section<\/h3>\n<ul>\n<li>To add main heading and sub heading go to Appearance &gt; service setting. Here you can put heading and sub-heading to your services.<\/li>\n<li>To add services column go to \u201cAppearance &gt; Customize &gt; Service Section &gt; Novelpro Service Widget\u201d<\/li>\n<li>Pick your <a href=\"http:\/\/fontawesome.io\/icons\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Font awesome icon<\/a>. Paste the icon name (like : fa-camera-retro for camera icon) in the text area.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6463\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_service_widget.png?resize=594%2C574&#038;ssl=1\" alt=\"novelpro_service_widget\" width=\"594\" height=\"574\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_service_widget.png?w=594&amp;ssl=1 594w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_service_widget.png?resize=300%2C290&amp;ssl=1 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for heading and sub heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"portfolio-setting\">\n<h3>Portfolio Section<\/h3>\n<ul>\n<li>On Portfolio section you can add heading and its description.<\/li>\n<li>For that you need to go to \u201cAppearance &gt; Customize &gt; Portfolio Heading &amp; SubHeading &gt; Portfolio Feature Heading \/ Portfolio Feature Sub Heading\u201d respectively.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1101\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio.png?resize=300%2C350&#038;ssl=1\" alt=\"portfolio\" width=\"300\" height=\"350\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio.png?resize=257%2C300&amp;ssl=1 257w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li>To show portfolio images at the home page, Go to the Dashboard &gt; Portfolio &gt; Add New and add image as a Featured Image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1764\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery.png?resize=542%2C283&#038;ssl=1\" alt=\"portfolio-gallery\" width=\"542\" height=\"283\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery.png?w=542&amp;ssl=1 542w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery.png?resize=300%2C157&amp;ssl=1 300w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><br \/>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1765\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery-featured.png?resize=601%2C438&#038;ssl=1\" alt=\"portfolio-gallery-featured\" width=\"601\" height=\"438\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery-featured.png?w=601&amp;ssl=1 601w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/portfolio-gallery-featured.png?resize=300%2C219&amp;ssl=1 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"home-testimonial\">\n<h3>Testimonial Section<\/h3>\n<ul>\n<li>To add testimonial section background image go to the \u201cAppearance &gt; Customize &gt; Testimonial Settings &gt; Testimonial Heading &amp; Background &gt; Parallax Background Image&#8221;<\/li>\n<li>To add testimonials go to the Testimonial Settings &gt; Novelpro:Testimonial Widget and select Novelpro: Testimonial Widget from there.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6466\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_testimonial_widget.png?resize=598%2C547&#038;ssl=1\" alt=\"novelpro_testimonial_widget\" width=\"598\" height=\"547\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_testimonial_widget.png?w=598&amp;ssl=1 598w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_testimonial_widget.png?resize=300%2C274&amp;ssl=1 300w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"home-blog\">\n<h3>Latest Post Section<\/h3>\n<ul>\n<li>To add home page blog heading and description go to \u201cAppearance &gt; Customize &gt; Home Blog Heading &amp; Sub Heading.<\/li>\n<li>Your latest post will display in this section. Your post should contain featured image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1104\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/blog.png?resize=298%2C345&#038;ssl=1\" alt=\"blog\" width=\"298\" height=\"345\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/blog.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/blog.png?resize=259%2C300&amp;ssl=1 259w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"pricing\">\n<h3>Pricing Section<\/h3>\n<ul>\n<li>To add pricing heading and description go to \u201cAppearance &gt; Customize &gt; Pricing Settings &gt; Pricing Heading &amp; Sub Heading.<\/li>\n<li>To add pricing table go to the Appearance &gt; Customize &gt; Novelpro Pricing Widget &gt; Select Novelpro: Price widget<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6468\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_price_widget.png?resize=594%2C544&#038;ssl=1\" alt=\"novelpro_price_widget\" width=\"594\" height=\"544\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_price_widget.png?w=594&amp;ssl=1 594w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_price_widget.png?resize=300%2C275&amp;ssl=1 300w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"team-feature\">\n<h3>Team Section<\/h3>\n<ul>\n<li>To add team section Heading and Description<\/li>\n<li>Go to \u201cAppearance &gt; Customize &gt; Our Team Feature Settings &gt; Our Team Heading &amp; Sub-Heading\u201d<\/li>\n<li>To add team member go to the Customize &gt; Our Team Settings &gt; Our Novelpro Team Widget and select Novelpro:Team Widget from there.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6470\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_team_widget.png?resize=593%2C543&#038;ssl=1\" alt=\"novelpro_team_widget\" width=\"593\" height=\"543\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_team_widget.png?w=593&amp;ssl=1 593w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_team_widget.png?resize=300%2C275&amp;ssl=1 300w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"brand-setting\">\n<h3>Brand Section<\/h3>\n<ul>\n<li>To add brand settings go to \u201cAppearance &gt; Customize &gt; Brand Image Settings\u201d<\/li>\n<li>To add brand images and link go to the Customize &gt; Brand image settings &gt; Novelpro Brand Widget and select Novelpro:Brand Widget.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6472\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_brand_widget.png?resize=596%2C546&#038;ssl=1\" alt=\"novelpro_brand_widget\" width=\"596\" height=\"546\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_brand_widget.png?w=596&amp;ssl=1 596w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_brand_widget.png?resize=300%2C275&amp;ssl=1 300w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can select the number of slides which you want to show on the home page. Background option &gt; Number of Slides to Show.<\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"woocommerce-setting\">\n<h3>WooCommerce Section<\/h3>\n<ul>\n<li>First download the <a href=\"https:\/\/downloads.wordpress.org\/plugin\/woocommerce.zip\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">WooCommerce plugin<\/a>. For this Go to plugin &gt; Add new &gt; search WooCommerce plugin. Install and activate the plugin.<\/li>\n<li>In Woo-Commerce section you can add section heading and sub-heading.<br \/>\nAnd to display products you have to add <a href=\"https:\/\/docs.woocommerce.com\/document\/woocommerce-shortcodes\/#section-6\" rel=\"nofollow noopener\" target=\"_blank\">WooCommerce shortcode<\/a>.<\/li>\n<li><strong>Shop Images<\/strong> &#8211; Go to Customize &gt; WooCommerce &gt; Shop Images. You can show header image in WooCommerce pages like Shop page, Single product page, Cart page, Checkout page and My account page. To know how you can create these page, go with this <a href=\"https:\/\/themehunk.com\/fr\/docs\/how-to-create-woocommerce-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">doc<\/a>.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1506 aligncenter\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/woo-commerce.png?resize=301%2C479&#038;ssl=1\" alt=\"woo-commerce\" width=\"301\" height=\"479\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/woo-commerce.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/woo-commerce.png?resize=189%2C300&amp;ssl=1 189w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/p>\n<ul>\n<li>You can change the background through <a href=\"#section-background-Setting\">Background setting.<\/a><\/li>\n<li>You can pick color for Heading and sub-heading.<\/li>\n<\/ul>\n<\/section>\n<section class=\"ribbon-settings\">\n<h3>Ribbon Section<\/h3>\n<ul>\n<li>To Customize Ribbon section go to \u201cAppearance &gt; Customize &gt; Ribbon section\u201d. Add main heading, button text and button link from \u201cSettings\u201d. And to change ribbon text color and button color go to \u201ccolor\u201d option.<\/li>\n<li>And also to add background video, background Image and background color just go to &#8220;Background Settings&#8221; option and to select radio button option.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5270\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/ribbon-nov.gif?resize=296%2C592&#038;ssl=1\" alt=\"ribbon-nov\" width=\"296\" height=\"592\" \/><br \/>\n<\/section>\n<section class=\"contact-settings\">\n<h3>Contact Form Section<\/h3>\n<ul>\n<li>To add background image of contact form, Heading and Sub-Heading please go to \u201cAppearance &gt; Customize &gt; Contact Form Settings\u201d<\/li>\n<li>To add contact form, install our plugin <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Lead Form builder<\/a>. Contact form will be visible when you activate this plugin. After that you can edit existing form or create new one from the <a href=\"https:\/\/themehunk.com\/fr\/docs\/lead-form\/\" target=\"_blank\" rel=\"noopener noreferrer\">Plugin Setting<\/a>.<\/li>\n<li>To add Google Map just go to <a href=\"https:\/\/www.google.co.in\/maps\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google map<\/a> and generate embed iframe code, Simply copy and paste text area field.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5279\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/NOVEL-CNT.gif?resize=296%2C592&#038;ssl=1\" alt=\"novel-cnt\" width=\"296\" height=\"592\" \/><br \/>\n<\/section>\n<section class=\"custom-section-settings\">\n<h3>Custom Section<\/h3>\n<ul>\n<li>Add custom section on your site. Go to \u201cAppearance &gt; Customize &gt; Custom Section &gt; Novelpro Custom-section Widget\u201d. And add Novelpro Custom Widget.<\/li>\n<li>Three Custom section are given, you can change their position by drag and drop theme from section ordering.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11618\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/custom-section-novelpro.png?resize=296%2C236&#038;ssl=1\" alt=\"\" width=\"296\" height=\"236\" \/><\/p>\n<ul>\n<li>After this you can add Section Id, Heading, Sub Heading, Background option and color option Respectively<\/li>\n<li>You can add any thing in custom text area field or any shortcode you can add in it.<\/li>\n<\/ul>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6474\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_custom_widget.png?resize=589%2C546&#038;ssl=1\" alt=\"novelpro_custom_widget\" width=\"589\" height=\"546\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_custom_widget.png?w=589&amp;ssl=1 589w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2015\/12\/Novelpro_custom_widget.png?resize=300%2C278&amp;ssl=1 300w\" sizes=\"(max-width: 589px) 100vw, 589px\" \/><br \/>\n<\/section>\n<section class=\"image-size\">\n<h3>Recommended Image Size<\/h3>\n<ul>\n<li>Homepage Hero slider image size = 1200 x 900px<\/li>\n<li>Portfolio section featured image size = Optimum image size is 1200 x 900px. Use image of any dimension with the ratio of 4:3<\/li>\n<li>Testimonial section image size = 148 x 148px<\/li>\n<li>Post section featured image size = Use image of any dimension with the ratio of 4:3<\/li>\n<li>Team section member image size = 268 x 268px<\/li>\n<li>WooCommerce product image size = 300 x 300px<\/li>\n<li>Inner pages image size = 1200 x 900px<\/li>\n<\/ul>\n<p><strong><br \/>\nThanks for reading our documentation, if you still need any help related to theme you can contact our <a title=\"\" href=\"https:\/\/themehunk.com\/fr\/support\/\" target=\"_blank\" rel=\"noopener noreferrer\"> support forum<\/a>.<\/strong><br \/>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Install \/ Update Theme Setting First download Novelpro unlimited feature theme zip file from Member&#8217;s area. Login to WordPress dashboard. Then navigate to \u201cAppearance &gt; Themes\u201d. Click on \u201cAdd New\u201d &gt; \u201cUpload Theme\u201d button. Home Page Display Follow the instruction to show your Homepage sections.Check Here. Import Demo Data Note &#8211; &#8220;This video showing onelinepro [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-1088","docs","type-docs","status-publish","hentry","docscate-pro-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/1088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/docs\/1088\/revisions"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/wp-json\/wp\/v2\/media?parent=1088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}