{"id":8241,"date":"2017-01-13T10:57:29","date_gmt":"2017-01-13T10:57:29","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=8241"},"modified":"2024-07-08T18:03:37","modified_gmt":"2024-07-08T12:33:37","slug":"portfoliolite-theme","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/portfoliolite-theme\/","title":{"rendered":"PortfolioLite Theme"},"content":{"rendered":"\n<section class=\"wp-block-group installing-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Theme<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, download the <a href=\"https:\/\/downloads.wordpress.org\/theme\/portfoliolite.zip\" rel=\"nofollow noopener\" target=\"_blank\">Portfoliolite theme<\/a> zip file.<\/li>\n\n\n\n<li>Login to WP admin.<\/li>\n\n\n\n<li>Go to \u201cAppearance > Theme\u201d.<\/li>\n\n\n\n<li>Click on \u201cAdd new\u201d button and then click on \u201cUpload theme\u201d button. Here upload theme zip file.<\/li>\n\n\n\n<li>Activate the theme.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"663\" height=\"356\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/theme-install-portfolilite.png?resize=663%2C356&#038;ssl=1\" alt=\"theme-install-portfolilite\" class=\"wp-image-21970\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/theme-install-portfolilite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/theme-install-portfolilite.png?resize=300%2C161&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br><strong>Note<\/strong> \u2013 For enabling FrontPage Section (Top Slider, Services, Portfolio, Team, Testimonial ribbon section, WooCommerce Blog post, etc.) in our theme, You have to download and Activate the <a href=\"https:\/\/wordpress.org\/plugins\/hunk-companion\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Hunk Companion<\/a> plugin and other recommended plugins in your dashboard.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group import-demo has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Import Demo Data<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your\u00a0<strong>WP dashboard. Navigate to Appearance > Portfoliolite Options<\/strong>.<\/li>\n\n\n\n<li>Before importing demo make sure Hunk Companion, One click demo import &amp; other recommended plugins are installed in your dashboard.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"287\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/demo-import-portfoliolite.png?resize=663%2C287&#038;ssl=1\" alt=\"demo-import-portfoliolite\" class=\"wp-image-22056\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/demo-import-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/demo-import-portfoliolite.png?resize=300%2C130&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You\u2019ll see a option of Import demo data in your appearance sidebar. Choose your desired Demo. Click on the button \u201cImport\u201c.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"663\" height=\"311\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/one-click-demo-import-portfoliolite.png?resize=663%2C311&#038;ssl=1\" alt=\"one-click-demo-import-portfoliolite\" class=\"wp-image-22057\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/one-click-demo-import-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/one-click-demo-import-portfoliolite.png?resize=300%2C141&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wait for few minutes, Your demo will be imported successfully.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group menu-Setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Add Scrolling Menu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To get scrolling menu please follow these steps &#8211;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to \u201cAppearance > Menus\u201d and create a new custom menu.<\/li>\n\n\n\n<li>Add a new link from \u201clinks\u201d tab.<\/li>\n\n\n\n<li>Here you need to add section id in \u201cURL\u201d field.<\/li>\n\n\n\n<li>Please check id for all section, you can use them.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Top Slider = #page-top<br>Service Section = #services<br>Ribbon Section = #call-ribbon<br>Portfolio = #portfolio-mywork-section<br>Testimonial = #testimonials<br>Team = #team-info<br>WooCommerce Section = #th-woocommerce<br>News Letter = #new-letter<br>Latest Post = #latest-post<br>Contact = #contact-info<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now select \u201cFront Menu\u201d as a Theme Location for your Section Menus.<\/li>\n\n\n\n<li>If you want to create menu that only shows on internal pages not on home page then create a custom menu and select them as a \u201cMain Menu\u201d as a Theme locations from Menu Settings.<\/li>\n\n\n\n<li>You can also select Footer menu, if you want to show your menu items on Footer area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1066\" height=\"156\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/menu-settings-portfoliolite.png?resize=1066%2C156&#038;ssl=1\" alt=\"menu settings portfoliolite\" class=\"wp-image-22407\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/menu-settings-portfoliolite.png?w=1066&amp;ssl=1 1066w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/menu-settings-portfoliolite.png?resize=300%2C44&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/menu-settings-portfoliolite.png?resize=1024%2C150&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/menu-settings-portfoliolite.png?resize=768%2C112&amp;ssl=1 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-identity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Site Identity<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Add site information like Site title ,Tag line ,Logo upload and Site icon for your website open your dashboard. Go to <strong>Appearance > Customize > Site Identity<\/strong>.<\/li>\n\n\n\n<li>Select your logo and site icon by clicking on \u201cSelect Image\u201d button.<\/li>\n\n\n\n<li>If you want to display a logo just Uncheck the \u201cDisplay Site Tile &amp; Tagline\u201d checkbox.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/site-identity-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21946\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/site-identity-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/site-identity-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/site-identity-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group homepage-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Homepage Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To create Homepage on your site follow the below instructions \u2013<\/li>\n\n\n\n<li>Go to Wp Dashboard > Page > Add New > Create a Page.<\/li>\n\n\n\n<li>In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.<\/li>\n\n\n\n<li>Navigate to <strong>Customize panel > WordPress Default > Homepage Settings<\/strong>. In homepage settings. Select the radio button of \u201cA static page\u201d and choose your homepage which you have created as front page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/homepage-setting-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"homepage-setting-portfoliolite\" class=\"wp-image-21948\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/homepage-setting-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/homepage-setting-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/homepage-setting-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group additional-css has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Additional CSS<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add add additional CSS code in your website.\u00a0\u00a0Navigate to <strong>Customize panel > WordPress Default > Additional CSS.\u00a0<\/strong>Here you can add your CSS code in the text area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/additinal-CSS-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"additional-CSS-portfoliolite\" class=\"wp-image-25927\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/additinal-CSS-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/additinal-CSS-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/additinal-CSS-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-Setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Header Setting<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Header Settings, Go to <strong>Appearance > Customize > Header Settings.<\/strong><\/li>\n\n\n\n<li><strong>Sticky Header<\/strong> &#8211; It will stick your header with the site, whenever you&#8217;ll will scroll the site it will scroll down along with the site.<\/li>\n\n\n\n<li><strong>Static Header<\/strong> &#8211; It will fix your header on the top of your site.<\/li>\n\n\n\n<li><strong>Inline Menu Style<\/strong> &#8211; By choosing this option your Menu will be align on left side of your site.<\/li>\n\n\n\n<li><strong>Centered Menu Style<\/strong> &#8211; By choosing this option your Menu will be align in the Center.<\/li>\n\n\n\n<li>Header Visibility &#8211; By using this option you can Toggle your header on the site. You can Enable or disable it anytime.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/header-settings-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21950\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/header-settings-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/header-settings-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/header-settings-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group frontpage-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Frontpage Sections<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group top-slider has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Top Slider<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Top Slider<\/strong>. Here you can set images, text and links in your frontpage slider with their styling.<\/li>\n\n\n\n<li><strong>Setting<\/strong> &#8211; You can upload upto three background images. Add Image Overlay and Scroll down link.<\/li>\n\n\n\n<li><strong>Text<\/strong> &#8211; You can add Heading, Typewriter text, Button text &amp; links for your sliders. You can also set typewriter speed.<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; Pick desired color for Heading text, Typewriter text and Button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/top-slider-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"top-slider-portfoliolite\" class=\"wp-image-21955\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/top-slider-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/top-slider-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/top-slider-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group service-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Service Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Service.<\/strong> Add Heading and Sub heading with their Color styling. You can Showcase your site Services using Service Widget.<\/li>\n\n\n\n<li><strong>Service Widget<\/strong> &#8211; To display Services, From widget panel choose Service Widget. You can add Title, Description, Link, Upload Image or Add Font Awesome Icon and also pick desired color for them.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/our-services-portfolilite.png?resize=663%2C330&#038;ssl=1\" alt=\"our-services-portfolilite\" class=\"wp-image-21960\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/our-services-portfolilite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/our-services-portfolilite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/our-services-portfolilite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group ribbon-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Ribbon Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Ribbon.<\/strong> Add Title, Button Text and Link with their Color.<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; From Style, You can Upload Background Image or pick Background color for your Ribbon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"310\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/ribbon-section-portfolilite.png?resize=663%2C310&#038;ssl=1\" alt=\"ribbon-section-portfolilite\" class=\"wp-image-21965\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/ribbon-section-portfolilite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/ribbon-section-portfolilite.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group portfolio-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Portfolio Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add portfolio go to the Dashboard > Portfolio Gallery > Add New. Add a Featured image that you upload in each portfolio will display at the home page.<\/li>\n\n\n\n<li><strong>Setting<\/strong> &#8211; In Setting you can add Heading &amp; Subheading Option. You can Choose Portfolio Layout ( Four Grid No Gutter ), Set the No. of images to show on Homepage and check the Categories of portfolio.<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; From Style you can pick Background color, Image Overlay Color and color for other elements.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/portfolio-section-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21968\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/portfolio-section-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/portfolio-section-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/portfolio-section-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group team-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Team Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Team.<\/strong> Add Heading and Sub heading with their Color styling. You can Showcase Team members using Team Widget.<\/li>\n\n\n\n<li><strong>Team Widget<\/strong> &#8211; To display Team, From widget panel choose Team Widget. You can Upload Team member&#8217;s image, Add Name, Designation and Social Media links.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/team-section-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"team-section-portfoliolite\" class=\"wp-image-21974\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/team-section-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/team-section-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/team-section-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group testimonial-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Testimonial Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Testimonial.<\/strong> Add Heading and Sub heading with their Color styling. Upload Background image and color. You can Showcase Client Testimonials using Testimonial Widget.<\/li>\n\n\n\n<li><strong>Testimonial Widget<\/strong> &#8211; To display Testimonial, From widget panel choose Testimonial Widget. You can Upload Client image, Add Name, Short bio, Company name and Link.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Testimonial-section-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"Testimonial-section-portfoliolite\" class=\"wp-image-21976\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Testimonial-section-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Testimonial-section-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Testimonial-section-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">WooCommerce Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For WooCommerce Section, make sure you have installed and activated <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WooCommerce<\/a> Plugin. After that Add Products with their categories.<\/li>\n\n\n\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > WooCommerce. <\/strong>. Add Main Heading and Sub heading. In the Enter WooCommerce Shortcode text are enter Shortcode to Display your Products on the homepage. Example &#8211; [products limit=&#8221;3&#8243; columns=&#8221;3&#8243;]<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; From Style you can pick color for Background, Heading and Sub heading.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/woocommerce-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"woocommerce-portfoliolite\" class=\"wp-image-21979\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/woocommerce-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/woocommerce-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/woocommerce-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group newsletter-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"newsletter-section\">Newsletter Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Newsletter. <\/strong>. In Newsletter Section you can display sign up form or Newsletter form. For this you have to Install and Activate <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead Form Builder<\/a> plugin in your Dashboard. Design a form and Put Shortcode in the Contact Us Shortcode text area.<\/li>\n\n\n\n<li>You can Add NewsLetter Title, Button text and Pick Button Icon from the Font Awesome icon.<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; From Style you can pick color for Background image or Color, Overlay Color for Images, Title, Button and Button Hover color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Newsletter-section-Portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"Newsletter-section-Portfoliolite\" class=\"wp-image-21982\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Newsletter-section-Portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Newsletter-section-Portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/Newsletter-section-Portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Blog Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Frontpage Sections > Blog. <\/strong>. Add section heading, subheading, post category (select category to display post category wise) and No. of post to show on homepage.<\/li>\n\n\n\n<li><strong>Style<\/strong> &#8211; From Style you can pick color for Background Color, Overlay Color for Images,Heading, sub heading and Columns color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/blog-section-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"blog-section-portfoliolite\" class=\"wp-image-21984\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/blog-section-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/blog-section-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/blog-section-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group section-on has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"section-on\">Section ON\/OFF<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Section ON\/OFF : Disable or Enable home page sections according to your requirement by checking the box.<\/li>\n\n\n\n<li>Animation on\/off option : This option allow to disable or enable home page section item fly-in animation.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/section-on-off-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"section-on-off-portfoliolite\" class=\"wp-image-21987\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/section-on-off-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/section-on-off-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/section-on-off-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group contact-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Contact Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Footer Settings <\/strong>.<\/li>\n\n\n\n<li>Email Detail: Go to the (https:\/\/fontawesome.io\/icons\/), copy desired icon name and paste it in the FontAwesome icon field. After that add your mail ID which you want to display at home.<\/li>\n\n\n\n<li>Address Detail: Go to the (https:\/\/fontawesome.io\/icons\/), copy desired icon name and paste it in the FontAwesome icon field. After that add your address which you want to display at home.<\/li>\n\n\n\n<li>Contact Detail: Go to the (https:\/\/fontawesome.io\/icons\/), copy desired icon name and paste it in the FontAwesome icon field. After that add your contact number which you want to display at home.<\/li>\n\n\n\n<li>Footer Logo &#8211; To display any heading in the footer use this option. By default site title will display.<\/li>\n\n\n\n<li>Copyright Text &#8211; Use this option to add copyright text in the footer bottom.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group color-options has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Color Options<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Here you can change the color of overall footer area and its elements. You can pick color for footer background, Footer Copyright Background Color, footer text color and footer anchor color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/footer-setting-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"\" class=\"wp-image-21990\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/footer-setting-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/footer-setting-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/footer-setting-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group typography-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Typography. <\/strong>.<\/li>\n\n\n\n<li>You can add typography on your site. Here multiple Google font families are available.<\/li>\n\n\n\n<li><strong>Font subsets<\/strong> \u2013 You can use multiple font subsets for your site.<\/li>\n\n\n\n<li><strong>Body<\/strong> \u2013 Choose Font family for body of site. Adjust the font size, line height and letter spacing.<\/li>\n\n\n\n<li><strong>Content<\/strong> &#8211; You can typography for headings.<\/li>\n\n\n\n<li>Heading (H1) \u2013 This will be applicable for all h1 heading like page title, product title in single page. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H2) \u2013 This will be applicable for all h2 heading like slider heading, section heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H3) \u2013 This will be applicable for all h3 heading like product title, blog title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 4 (H4) \u2013 This will be applicable for all h4 heading like footer widget title, sidebar widget title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 5 (H5) \u2013 This will be applicable for all h5 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 6 (H6) \u2013 This will be applicable for all h6 heading. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/typography-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"typography-portfoliolite\" class=\"wp-image-21993\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/typography-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/typography-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/typography-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group global-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Global Color<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance > Customize > Global Color. <\/strong>.<\/li>\n\n\n\n<li>You can pick the Background color and theme color for overall site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"663\" height=\"330\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/global-color-portfoliolite.png?resize=663%2C330&#038;ssl=1\" alt=\"global-color-portfoliolite\" class=\"wp-image-21995\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/global-color-portfoliolite.png?w=663&amp;ssl=1 663w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/global-color-portfoliolite.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2017\/01\/global-color-portfoliolite.png?resize=400%2C200&amp;ssl=1 400w\" sizes=\"(max-width: 663px) 100vw, 663px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For more information you can contact our support team at <a href=\"https:\/\/themehunk.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support forum<\/a>.<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Installing Theme Note \u2013 For enabling FrontPage Section (Top Slider, Services, Portfolio, Team, Testimonial ribbon section, WooCommerce Blog post, etc.) in our theme, You have to download and Activate the Hunk Companion plugin and other recommended plugins in your dashboard. Import Demo Data Add Scrolling Menu To get scrolling menu please follow these steps &#8211; [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-8241","docs","type-docs","status-publish","hentry","docscate-lite-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/8241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/users\/7288"}],"version-history":[{"count":2,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/8241\/revisions"}],"predecessor-version":[{"id":69584,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/8241\/revisions\/69584"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=8241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}