{"id":13728,"date":"2019-01-19T13:42:39","date_gmt":"2019-01-19T08:12:39","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=13728"},"modified":"2024-07-04T19:07:50","modified_gmt":"2024-07-04T13:37:50","slug":"gogo-theme","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/gogo-theme\/","title":{"rendered":"Gogo Pro"},"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 Gogo theme zip file.<\/li>\n\n\n\n<li>Login to WordPress dashboard.<\/li>\n\n\n\n<li>Go to <strong>Appearance &gt; Theme.<\/strong><\/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.<br>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=\"1575\" height=\"672\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/theme-installing-gogo.png?resize=1575%2C672&#038;ssl=1\" alt=\"theme installing gogo\" class=\"wp-image-13897\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/theme-installing-gogo.png?w=1575&amp;ssl=1 1575w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/theme-installing-gogo.png?resize=300%2C128&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/theme-installing-gogo.png?resize=768%2C328&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/theme-installing-gogo.png?resize=1024%2C437&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 For enabling FrontPage Section (Homepage Layout, Big Image with Typewriter, Services, About Us, Clients &amp; Testimonial, Team, Video ribbon section, Blog post, Social icon option etc.) in our theme, download the <a href=\"https:\/\/wordpress.org\/plugins\/hunk-companion\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Hunk Companion<\/a>. This plugin will work with Free version, For More features go with Gogo Pro addon.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group installing-plugin has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Installing Gogo Pro Addon<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Download the plugin Gogo Pro plugin from <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noreferrer noopener\">Member&#8217;s area<\/a>.<\/li>\n\n\n\n<li>Go to <strong>Dashboard &gt; plugin <\/strong>, click on \u201cAdd New\u201d button and then \u201cUpload Plugin\u201d.<\/li>\n\n\n\n<li>Select the zip file of the plugin Gogo Pro and activate the plugin.<\/li>\n\n\n\n<li>After activating the plugin all unlimited customize options will be activated in customize panel.<\/li>\n\n\n\n<li><strong>Note &#8211;<\/strong> This pro plugin will add more features in our theme and make it ore powerful.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group demo-import has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Demo Import<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Import Demo Data in Gogo Pro | WordPress Onepage Theme | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kQY3QOsElr4?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/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<h3 class=\"wp-block-heading\">How to Setup Homepage<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Dashboard &gt; Pages &gt; Add new.<\/strong> Enter a page title,choose template (Home page layout) and publish.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1585\" height=\"631\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-setup-gogo.png?resize=1585%2C631&#038;ssl=1\" alt=\"homepage setup gogo\" class=\"wp-image-13901\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-setup-gogo.png?w=1585&amp;ssl=1 1585w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-setup-gogo.png?resize=300%2C119&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-setup-gogo.png?resize=768%2C306&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-setup-gogo.png?resize=1024%2C408&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After that go to the Settings &gt; Reading and set that newly created page as a Front page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1502\" height=\"637\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/reading-setting-gogo.png?resize=1502%2C637&#038;ssl=1\" alt=\"\" class=\"wp-image-14037\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/reading-setting-gogo.png?w=1502&amp;ssl=1 1502w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/reading-setting-gogo.png?resize=300%2C127&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/reading-setting-gogo.png?resize=768%2C326&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/reading-setting-gogo.png?resize=1024%2C434&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\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\">How to setup Menus<\/h3>\n<\/section>\n\n\n\n<section class=\"wp-block-group scroll-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Section Scrolling Menu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To get scrolling menu please follow these steps:-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Appearance &gt; Menus and create a new custom menu.<\/strong><\/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 sections, you can use them.<\/li>\n\n\n\n<li>&nbsp;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Service = #service<br>About Us = #about_us<br>Woocommerce = #woocommerce<br>Call To Action = #call_to<br>Portfolio = #portfolio<br>Team = #team<br>Pricing = #Pricing<br>Clients &amp; Testimonials = #clients<br>Video Ribbon = #Video-Ribbon<br>Blog = #blog<br>Contact = #contact<br>Social = #social<br>Counter =<br>Skill = #skill<br>Single Project = single_pro<br>Faq = #faq<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"295\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/section-id-gogo.png?resize=282%2C295&#038;ssl=1\" alt=\"\" class=\"wp-image-14035\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note &#8211;<\/strong> These are default section id&#8217;s you can change them in the customize panel.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Header Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Main Header menu \u2013<\/strong> Display menu on Main Header. Just create a menu and select the display location as \u201cMain header menu\u201d.<\/li>\n\n\n\n<li><strong>Header Above Menu \u2013<\/strong> Display menu above main header. Just create a menu and select the display location as \u201cHeader above menu\u201d.<\/li>\n\n\n\n<li><strong>Header Below Menu \u2013<\/strong> Display menu below main header. Just create a menu and select the display location as \u201cHeader below menu\u201d.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-menu has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Footer Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Footer Above Menu \u2013<\/strong> Display menu above main footer area. Just create a menu and select the display location as \u201cFooter above menu\u201d.<\/li>\n\n\n\n<li><strong>Footer Below Menu \u2013<\/strong> Display menu below main footer area. Just create a menu and select the display location as \u201cFooter below menu\u201d.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1579\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/menu-setting-gogo.png?resize=1579%2C692&#038;ssl=1\" alt=\"\" class=\"wp-image-13904\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/menu-setting-gogo.png?w=1579&amp;ssl=1 1579w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/menu-setting-gogo.png?resize=300%2C131&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/menu-setting-gogo.png?resize=768%2C337&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/menu-setting-gogo.png?resize=1024%2C449&amp;ssl=1 1024w\" 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<h3 class=\"wp-block-heading\">Site Identity<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This setting will allow you to set site identities like Logo, site title, tagline, site icon. Go to <strong>Appearance &gt; Customizer &gt; Site Identity<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo<\/strong> &#8211; You can upload a logo image here. Click on \u201cSelect logo\u201d option. Upload the logo image.<\/li>\n\n\n\n<li><strong>Retina Logo<\/strong> &#8211; Retina logo size is same as the size of normal logo. For example: If the normal logo size is 100\u00d7100 pixels, then the retina logo image size would need to be 200\u00d7200. Retina logo is best suitable for high definition screens, so that your logo won\u2019t look blurred.<\/li>\n\n\n\n<li><strong>Logo Width<\/strong> &#8211; You can adjust the width of the logo by increasing or decreasing the scrollbar.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline<\/strong> &#8211; In site title just write the text you want to show in the title with a tagline. You can enable or disable the title &amp; tagline from \u201cDisplay Site Title and Display Tagline\u201d option.<\/li>\n\n\n\n<li><strong>Site Icon<\/strong> &#8211; This will show icon in your browser tab. Just upload an image in site icon and show it in your browser tabs.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"694\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Site-identity-gogo.png?resize=282%2C694&#038;ssl=1\" alt=\"Site identity gogo\" class=\"wp-image-13954\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Site-identity-gogo.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/Site-identity-gogo.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group section-ordering has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Section Ordering (Pro)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Section Ordering setting, go to <strong>Appearance > Customize > Frontpage Sections > Homepage Layout Settings > Section Ordering.<\/strong><\/li>\n\n\n\n<li>You can Change the order of any particular section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"468\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/02\/section-ordering.gif?resize=284%2C468&#038;ssl=1\" alt=\"\" class=\"wp-image-14119\"\/><\/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 Section<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/frontpage-section-gogo-1.png?resize=297%2C692&#038;ssl=1\" alt=\"frontpage section gogo (1)\" class=\"wp-image-13955\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/frontpage-section-gogo-1.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/frontpage-section-gogo-1.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">All the front page sections can be found in <strong>Appearance &gt; Customize &gt; FrontPage Sections.<\/strong><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group homepage-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Homepage Layout Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Homepage Layout settings, go to <strong>Appearance &gt; Customize &gt; FrontPage Sections &gt; Homepage Layout Settings .<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Padded Layout<\/strong> &#8211; By checking the box you can disable the padding from the outside.<\/li>\n\n\n\n<li><strong>Numbered Section<\/strong> &#8211; By checking the box you can disable the &#8220;Numbers&#8221; from each section.<\/li>\n\n\n\n<li><strong>Centered Layout<\/strong> &#8211; By checking the box it will align your section content in center.<\/li>\n\n\n\n<li><strong>Vertical Navigation<\/strong> &#8211; By checking the box you can Remove the Vertical Navigation.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"312\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-layout-setting-gogo-1.png?resize=296%2C312&#038;ssl=1\" alt=\"\" class=\"wp-image-13956\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-layout-setting-gogo-1.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/homepage-layout-setting-gogo-1.png?resize=285%2C300&amp;ssl=1 285w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group typewriter-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Big Image with Typewriter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Big Image with Typewriter setting, go to <strong>Appearance > Customize > FrontPage Sections > Big Image with Typewriter.<\/strong><\/li>\n\n\n\n<li>This is the top most section of homepage. Here, you can add an image slider.<\/li>\n\n\n\n<li>Add Typewriter &amp; Caption, you can add before and after text. You can also add fancy text and pick color for highlighting your fancy text. For button you can add the text and link in the text area.<\/li>\n\n\n\n<li>You can change the font size, line height and Letter spacing of typewriter text.<\/li>\n\n\n\n<li>Add Video (Pro) &#8211; You can also add a video in the background. You can mute the audio of video, by checking the Mute Audio box option.<\/li>\n\n\n\n<li>Choose layout (Pro) &#8211; You can choose three different layouts to show text and image in homepage.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"699\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/big-image-with-typewriter-gogo.png?resize=281%2C699&#038;ssl=1\" alt=\"big image with typewriter gogo\" class=\"wp-image-13957\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/big-image-with-typewriter-gogo.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/big-image-with-typewriter-gogo.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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>For Service section, go to <strong>Appearance > Customize > FrontPage Sections > Service Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable your section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small Heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Slider Setting &#8211;<\/strong> By checking the option you can display your slider in slide way.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/service-section-gogo-1.png?resize=286%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-13958\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/service-section-gogo-1.png?w=286&amp;ssl=1 286w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/service-section-gogo-1.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group aboutus-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">About Us section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For About us section, go to <strong>Appearance > Customize > FrontPage Sections > About us Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small Heading \u2013<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Section Description &#8211;<\/strong> Add your description here.<\/li>\n\n\n\n<li><strong>Upload Right Side Image &#8211;<\/strong> Upload an image for your about us section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/about-us-ection-gogo.png?resize=279%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-13959\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/about-us-ection-gogo.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/about-us-ection-gogo.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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, go to <strong>Appearance > Customize > FrontPage Sections > WooCommerce Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small Heading \u2013<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>WooCommerce Shortcode &#8211;<\/strong> Put the shortcode here.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"550\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-section-gogo.png?resize=295%2C550&#038;ssl=1\" alt=\"\" class=\"wp-image-13960\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-section-gogo.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-section-gogo.png?resize=161%2C300&amp;ssl=1 161w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group calltoaction-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Call to Action Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Call to Action section, go to <strong>Appearance > Customize > FrontPage Sections > Call to Action Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable your section by checking the box.<\/li>\n\n\n\n<li><strong>Heading \u2013<\/strong> Add heading for your section.<\/li>\n\n\n\n<li><strong>Button Text &#8211;<\/strong> Add text for call to action button.<\/li>\n\n\n\n<li><strong>Button Link &#8211;<\/strong> Add link for call to action button.<\/li>\n\n\n\n<li><strong>Background Image &#8211;<\/strong> Upload an image for background.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"622\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/call-to-action-gogo-1.png?resize=294%2C622&#038;ssl=1\" alt=\"\" class=\"wp-image-13961\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/call-to-action-gogo-1.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/call-to-action-gogo-1.png?resize=142%2C300&amp;ssl=1 142w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/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 (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add portfolio go to the <strong>Dashboard > Portfolio Gallery > Add New.<\/strong> Featured image that you upload in each portfolio will be displayed at the home page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1577\" height=\"598\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/add-portfolio.png?resize=1577%2C598&#038;ssl=1\" alt=\"\" class=\"wp-image-14023\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/add-portfolio.png?w=1577&amp;ssl=1 1577w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/add-portfolio.png?resize=300%2C114&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/add-portfolio.png?resize=768%2C291&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/add-portfolio.png?resize=1024%2C388&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Portfolio Section, go to <strong>Appearance > Customize > FrontPage Sections > Portfolio Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small Heading \u2013<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Number of Portfolio Images Show &#8211;<\/strong> Set number of portfolio post to display at home page.<\/li>\n\n\n\n<li><strong>Select Portfolio Type &#8211;<\/strong> Here you can select standard portfolio style.<\/li>\n\n\n\n<li><strong>Show Portfolio Category &#8211;<\/strong> Check the desired category to display at home page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"624\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/portfolio-section-gogo-1.png?resize=293%2C624&#038;ssl=1\" alt=\"\" class=\"wp-image-13962\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/portfolio-section-gogo-1.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/portfolio-section-gogo-1.png?resize=141%2C300&amp;ssl=1 141w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/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>For team Section, go to <strong>Appearance > Customize > FrontPage Sections > Team Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Display in a Slide Way &#8211;<\/strong> By checking this option you can display your team box as a slider.<\/li>\n\n\n\n<li><strong>Team Content &#8211;<\/strong> You can add the content of team boxes as you want. Content like Image, title, sub title, text, link and social icon can be added.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/team-section-gogo.png?resize=280%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-13963\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/team-section-gogo.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/team-section-gogo.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group pricing-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Pricing Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Pricing Section, go to <strong>Appearance > Customize > FrontPage Sections > Pricing Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Terms &amp; Condition &#8211;<\/strong> Add text of terms &amp; condition.<\/li>\n\n\n\n<li><strong>Display in a Slide Way &#8211;<\/strong> By checking this option you can display your team box as a slider.<\/li>\n\n\n\n<li><strong>Highlight Popular Pricing Table No. &#8211;<\/strong> Put the table no ( Pricing Box ) you want to highlight in this section.<\/li>\n\n\n\n<li><strong>Pricing Content &#8211;<\/strong> You can add the content of pricing boxes as you want. Content like title, sub title, price, text, link and button text can be added.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"681\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pricing-section-gogo-1.png?resize=281%2C681&#038;ssl=1\" alt=\"\" class=\"wp-image-13964\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pricing-section-gogo-1.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pricing-section-gogo-1.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group clients-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Clients &amp; Testimonial Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Clients &amp; Testimonial Section, go to <strong>Appearance > Customize > FrontPage Sections > Clients &amp; Testimonial Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Testimonials Content &#8211;<\/strong> Here you can add the content of testimonials as you want. Content like Image, title, sub title and text.<\/li>\n\n\n\n<li><strong>Clients Logo &#8211;<\/strong> In Clients Logo you can upload an image and link of your clients.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"701\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/clients-testimonial-gogo.png?resize=285%2C701&#038;ssl=1\" alt=\"\" class=\"wp-image-13966\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/clients-testimonial-gogo.png?w=285&amp;ssl=1 285w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/clients-testimonial-gogo.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/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\">Video ribbon Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Video ribbon Section , go to <strong>Appearance > Customize > FrontPage Sections > Video ribbon Section .<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Enter the video URL &#8211;<\/strong> Put the desired video URL (Iframe embed URL) in the text area.<\/li>\n\n\n\n<li><strong>Background Image &#8211;<\/strong> Upload an image for the section background.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"677\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/video-ribbon-gogo-1.png?resize=281%2C677&#038;ssl=1\" alt=\"\" class=\"wp-image-13967\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/video-ribbon-gogo-1.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/video-ribbon-gogo-1.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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>For Blog Section , go to <strong>Appearance > Customize > FrontPage Sections > Blog Section .<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Latest Post Category &#8211;<\/strong> You can select the category you want to show in your blog section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"286\" height=\"693\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-section-gogo.png?resize=286%2C693&#038;ssl=1\" alt=\"\" class=\"wp-image-13968\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-section-gogo.png?w=286&amp;ssl=1 286w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-section-gogo.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 286px) 100vw, 286px\" \/><\/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>For Contact Section , go to <strong>Appearance > Customize > FrontPage Sections > Contact Section .<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Contact Us Shortcode &#8211;<\/strong> First download &amp; activate the plugin <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form builder<\/a>. Create a form and insert shortcode in the text area.<\/li>\n\n\n\n<li><strong>Address &#8211;<\/strong> Put the address in the text area.<\/li>\n\n\n\n<li><strong>Mobile Number &#8211;<\/strong> Put the mobile number in the text box.<\/li>\n\n\n\n<li><strong>Email &#8211;<\/strong> Add the email address.<\/li>\n\n\n\n<li><strong>Background Image &#8211;<\/strong> Upload an background image for the section background.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"678\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/contact-section-ogo.png?resize=279%2C678&#038;ssl=1\" alt=\"\" class=\"wp-image-13969\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/contact-section-ogo.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/contact-section-ogo.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group social-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Social Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Social Section, go to <strong>Appearance > Customize > FrontPage Sections > Social Section.<\/strong><\/li>\n\n\n\n<li><strong>Social Content &#8211;<\/strong> Add the social content like icon, color, text 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=\"281\" height=\"633\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/socail-section-gogo.png?resize=281%2C633&#038;ssl=1\" alt=\"\" class=\"wp-image-13970\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/socail-section-gogo.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/socail-section-gogo.png?resize=133%2C300&amp;ssl=1 133w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group counter-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Counter Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Counter Section, go to <strong>Appearance > Customize > FrontPage Sections > Counter Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Counter Content &#8211;<\/strong> Add the counter content like title and numbers.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"690\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/counter-section-gogo.png?resize=280%2C690&#038;ssl=1\" alt=\"\" class=\"wp-image-14045\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/counter-section-gogo.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/counter-section-gogo.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group skill-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Skill Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Skill Section, go to <strong>Appearance > Customize > FrontPage Sections > Skill Section.<\/strong> This section will show<\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Skill Content &#8211;<\/strong> Add the counter content like title, color and numbers.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/skill-section-gogo.png?resize=276%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-14046\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/skill-section-gogo.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/skill-section-gogo.png?resize=119%2C300&amp;ssl=1 119w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group project-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Single Project Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First go to Dashboard > Portfolio > Add Portfolio Categories. Now add Portfolio and select the category. Now navigate to customizer.<\/li>\n\n\n\n<li>For Single Project Section, go to <strong>Appearance > Customize > FrontPage Sections > Single Project Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Small heading &#8211;<\/strong> Add subheading for section.<\/li>\n\n\n\n<li><strong>Number of Projects Show-<\/strong> Set the number of single projects to show on your site<\/li>\n\n\n\n<li><strong>Choose Project &#8211;<\/strong> From the drop down option panel choose Random, Recent or featured projects you want to show at your home page.<\/li>\n\n\n\n<li><strong>Select Category &#8211;<\/strong> Check the desired category of single project to display at home page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"642\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-project-section-gogo.png?resize=279%2C642&#038;ssl=1\" alt=\"\" class=\"wp-image-14049\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-project-section-gogo.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-project-section-gogo.png?resize=130%2C300&amp;ssl=1 130w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group faq-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Faq Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Faq Section, go to <strong>Appearance > Customize > FrontPage Sections > Faq Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li><strong>Big Heading &amp; Small heading &#8211;<\/strong> Add heading and subheading for section.<\/li>\n\n\n\n<li><strong>Rightside Image Upload &#8211;<\/strong> Upload an image here, this image will be display on the right side.<\/li>\n\n\n\n<li><strong>Faq Content &#8211;<\/strong> In Faq content you can add Question title and text.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/faq-section-gogo.png?resize=279%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-14051\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/faq-section-gogo.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/faq-section-gogo.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom_section_one has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Custom Section (Pro)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Add Custom Section, go to <strong>Appearance > Customize > FrontPage Sections > Custom Section.<\/strong><\/li>\n\n\n\n<li><strong>Disable section &#8211;<\/strong> You can disable this section by checking the box.<\/li>\n\n\n\n<li>Add the Custom Section ID and Small Heading in text area.<\/li>\n\n\n\n<li>Now click on <strong>Go to Widget<\/strong> button and Navigate to Widget area. Choose desired widget from the widget Panel and show them in your Homepage.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"479\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/custom-section-1-gogo-pro.png?resize=301%2C479&#038;ssl=1\" alt=\"custom section 1 gogo pro\" class=\"wp-image-20747\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/custom-section-1-gogo-pro.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/custom-section-1-gogo-pro.png?resize=189%2C300&amp;ssl=1 189w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group color-bg has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Color &amp; Background option in Section (Pro)<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This is a pro feature. You&#8217;ll can change the overall color &amp; background in each section.<\/li>\n\n\n\n<li>For Color &amp; background option, go to <strong>Appearance > Customize > FrontPage Sections > desired Section.<\/strong><\/li>\n\n\n\n<li>Pick color from the color bar for each section item and you can also upload a background image. Decrease the color opacity to show color overlay background image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"628\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-and-background-gogo.png?resize=283%2C628&#038;ssl=1\" alt=\"\" class=\"wp-image-14053\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-and-background-gogo.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-and-background-gogo.png?resize=135%2C300&amp;ssl=1 135w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group container-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Advanced Layout Setting<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/advanced-layout-setting-gogo.png?ssl=1\" alt=\"\" class=\"wp-image-13931\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For Advanced Layout Setting, Go to <strong>Appearance &gt; Customizer &gt; Advanced Layout Setting.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Container<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In container overall site content will appears. Container will exclude the header &amp; Footer area. You can manage your container by doing the below settings in it. These settings will be applicable for Page, Blog \/ Archives, Blog Single and Woocommerce Pages.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Full width-<\/strong> . In wide site layout the main body goes with the edge to edge of the browser whereas the content is managed by the container width.<\/li>\n\n\n\n<li>Container Width \u2013 You can manage the container width of content &amp; sidebar by scrolling the slider. The Minimum container width is 768 px and Maximum container width is 1920 px.<\/li>\n\n\n\n<li><strong>Max Width &#8211;<\/strong> In max width site layout, the main body is set to a certain width which includes the content, header &amp; footer whereas the container max width can be managed.<\/li>\n\n\n\n<li>Container Width \u2013 You can manage the container width of content &amp; sidebar by scrolling the slider. The Minimum container width is 768 px and Maximum container width is 1920 px.<\/li>\n\n\n\n<li><strong>Top\/Bottom Margin \u2013<\/strong> You can control the Top\/Bottom Margin of your site using this option.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/container-gogo-1.png?resize=284%2C692&#038;ssl=1\" alt=\"\" class=\"wp-image-13973\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/container-gogo-1.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/container-gogo-1.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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<h2 class=\"wp-block-heading\">Header<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"321\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/header-gogo.png?resize=293%2C321&#038;ssl=1\" alt=\"\" class=\"wp-image-13974\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/header-gogo.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/header-gogo.png?resize=274%2C300&amp;ssl=1 274w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For header setting, Go to <strong>Appearance &gt; Customizer &gt; Advanced Layout Setting &gt; Header.<\/strong><\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group above-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Above Header<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-header-gogo.png?resize=277%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-13975\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-header-gogo.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-header-gogo.png?resize=119%2C300&amp;ssl=1 119w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It appears right above the Main header and allows you to show multiple elements. You\u2019ll get three different layouts. In each layout column you can show elements like social icons, menu, search, Text, Widgets. Here styling can be done using the color scheme, height, border and many more.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group main-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Main Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In main header your logo and main navigation will be displayed along with Menu.<br>To show navigation menu in your \u201cheader\u201d first set the menus from the dashboard. Go with this <a href=\"https:\/\/themehunk.com\/docs\/gogo-theme\/#menu-setting\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With Main header setting, you can modify your overall header by adding different layouts with other content. Five different type of layouts shown in below image.<\/li>\n\n\n\n<li>Last Menu Item \u2013 You can show search icon, social media profile, text, button or widgets as the last menu item.<\/li>\n\n\n\n<li>Bottom Border size \u2013 This will add a separation between Main header and Below Header. You can adjust the width by increasing or decreasing the scroll bar or enter the value in text box.<\/li>\n\n\n\n<li>Bottom Border Color \u2013 Pick desired color for your \u201cmain header\u201d border. It will only appear when you add a border in your header.<\/li>\n\n\n\n<li>Enable Full Width Header \u2013 This will show your Header in Full Width area.<\/li>\n\n\n\n<li>Mobile Menu Open \u2013 Choose the Mobile menu alignment left. right or center.<\/li>\n\n\n\n<li>Mobile Header Alignment \u2013 Display your header as a stack or inline aligned for mobile devices.<\/li>\n\n\n\n<li>Color scheme \u2013 Select the desired color scheme for your above header by clicking on the image. You can show your text in white and background in black or vice versa.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/main-header-gogo.png?resize=284%2C692&#038;ssl=1\" alt=\"\" class=\"wp-image-13976\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/main-header-gogo.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/main-header-gogo.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group below-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Below Header<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"705\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-header-gogo.png?resize=282%2C705&#038;ssl=1\" alt=\"below header gogo\" class=\"wp-image-13977\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-header-gogo.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-header-gogo.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It appears right below the Main header and allows you to show multiple elements. You\u2019ll get three different layouts. In each layout column you can show elements like social icons, menu, search, Text, Widgets. Here styling can be done using the color scheme, height, border and many more.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sticky Header<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"358\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sticky-header-gogo.png?resize=296%2C358&#038;ssl=1\" alt=\"\" class=\"wp-image-13978\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sticky-header-gogo.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sticky-header-gogo.png?resize=248%2C300&amp;ssl=1 248w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sticky header will be fixed on the top of your site when you scroll the page. You can easily access the menu from any part of the page. Check the box and enable sticky header for above, below and Main header. Two animation effects are there Fade and Slide. While you scroll your site selected effect will be shown.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group transparent-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Transparent Header<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Transparent Header will simply merge your main header and content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable Front Page Header Transparent &#8211; Check the box and enable transparent header. This will display a transparent header on the Front Page.<\/li>\n\n\n\n<li>Enable Internal Pages Header Transparent &#8211; Check the box and enable transparent header for Special pages (like archive,404,search, shop, product page etc.)<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"276\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/transparent-header-gogo.png?resize=292%2C276&#038;ssl=1\" alt=\"\" class=\"wp-image-13979\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Sidebar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Sidebar setting, Go to Appearance &gt; Customizer &gt; Advanced Layout Setting &gt; Sidebar. You can set the sidebar and its alignment as \u201cLeft\u201d, \u201cRight\u201d or \u201cNo sidebar\u201d ( it will disable your sidebar).<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Default Layout \u2013 It will work for overall site. If you choose \u201cDefault\u201d option in Page, blog, blog\/archive layout then it will follow the sidebar alignment which you have set in the Default layout.<\/li>\n\n\n\n<li>You can also set for Page, blog, blog\/archive, WooCommerce.<\/li>\n\n\n\n<li>Sidebar Width (%) &#8211; You can adjust the width of sidebar by increasing or decreasing the scroll bar.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"673\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sidebar-gogo.png?resize=276%2C673&#038;ssl=1\" alt=\"\" class=\"wp-image-13981\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sidebar-gogo.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/sidebar-gogo.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\" id=\"blog-setting\">Blog<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Blog setting, Go to Appearance &gt; Customizer &gt; Advanced Layout Setting &gt; Blog. In Blog page you can show collection of post grouped by category, author, date and tag etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Blog Archive<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grid Layout \u2013 Select the number of columns (up to 4) to display your blog posts. From one column to four columns. You can make your first post large.<\/li>\n\n\n\n<li>Add Space Between Post &#8211; Check this option and add space between two blog posts.<\/li>\n\n\n\n<li>Remove Featured Image Space &#8211; Remove the padding between the featured images of two blog posts. Use this along \u201cAdd Space Between Post\u201d option.<\/li>\n\n\n\n<li>Enable Date Box &#8211; You can add the date box on the featured image. Here you will get three different styles Circle, Diamond, and Square.<\/li>\n\n\n\n<li>Enable Drop Cap &#8211; You can enable drop cap in your paragraph.<\/li>\n\n\n\n<li>Blog Post Content &#8211; In blog post content you can show your full content, No content and Excerpt length. Excerpt length allows you to set content length you want to show in your blog page.<\/li>\n\n\n\n<li>Post Pagination &#8211; It will provide you better navigation for your blog page. You can choose an option between \u201cNumbered\u201d, \u201cLoad More\u201d and \u201cInfinite Scroll\u201d.<\/li>\n\n\n\n<li>Blog Structure &#8211; You can enable or disable \u201cFeatured Image\u201d and \u201cPost Title &amp; Meta\u201d.<\/li>\n\n\n\n<li>Blog Meta &#8211; You can disable or enable the following elements, These options will work for each post in a page-<\/li>\n\n\n\n<li>Comment \u2013 Hide or show your comment from post by just enabling or disabling eye.<\/li>\n\n\n\n<li>Category \u2013 Using this option you can show or hide category from blog post.<\/li>\n\n\n\n<li>Publish date \u2013 Show or hide the publish date of your post.<\/li>\n\n\n\n<li>Author \u2013 In blog post you can show or hide your author name.<\/li>\n\n\n\n<li>Post Meta Separator &#8211; You can add separation to the meta tags. In a text field, you can put the desired separator you want to display between.<\/li>\n\n\n\n<li>Blog Content Width &#8211; Blog content width allows you to define the width of the container in your blog page.<\/li>\n\n\n\n<li>Choose \u201cDefault\u201d value then it will automatically take width which is pre-defined. However, you can also add your custom width by just choosing the \u201cCustom\u201d option. As soon as you choose this option it will open a new field to enter your value. Either you can drag the bar to change the width or can enter your value.<\/li>\n\n\n\n<li><strong>Note \u2013<\/strong> Go to dashboard > Reading Settings. You\u2019ll see this option their \u201cBlog pages show at most\u201d. Enter the number of posts you want to show on your blog page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"702\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-archive-blog.png?resize=284%2C702&#038;ssl=1\" alt=\"\" class=\"wp-image-13982\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-archive-blog.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/blog-archive-blog.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group single-post has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Single Post<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For single post setting, Go to <strong>Appearance &gt; Customizer &gt; Layout &gt; Single Post.<\/strong> A single post will show complete blog post. It will cover all content of posts such as featured image, description, post meta, and all important links.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Single Post Content Width &#8211; Change the width of your post page by increasing\/decreasing the scroll bar or just enter the value in the text box.<\/li>\n\n\n\n<li>Single Post Structure &#8211; Disable or enable the \u201cFeatured image\u201d and \u201cPost title &amp; meta\u201d from your post page. Drag &amp; drop the elements and change their position according to your need.<\/li>\n\n\n\n<li>Single Post Meta &#8211; Enable or disable the \u201cComment\u201d, \u201cCategory\u201d, \u201cAuthor\u201d and \u201cPublish date\u201d of a post using this option. Drag &amp; drop the elements and change their position according to your need.<\/li>\n\n\n\n<li>Meta Separator- You can add a separator between the meta tags, just write the \u201cseparator character\u201d in the text box and show separation in them.<\/li>\n\n\n\n<li>Enable Drop Cap \u2013 The first large capital letter of any paragraph is known as \u201cDrop Cap\u201d. Enable or disable the drop cap at the beginning of the text.<\/li>\n\n\n\n<li>Remove Featured Image Padding &#8211; It will remove the spacing or padding from the featured image. It is only applicable for single page post.<\/li>\n\n\n\n<li>Display Author Info &#8211; Check the box, Show the \u201cAuthor bio\u201d in a single post.<\/li>\n\n\n\n<li>Display Related Post &#8211; You can show \u201cRelated post\u201d under your post. It will automatically display related post which have same category or tag under the main post.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"682\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-post-gogo.png?resize=282%2C682&#038;ssl=1\" alt=\"\" class=\"wp-image-13983\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-post-gogo.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-post-gogo.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Footer<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"259\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/footer-gogo.png?resize=300%2C259&#038;ssl=1\" alt=\"\" class=\"wp-image-13986\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For this setting, Go to <strong>Appearance &gt; Customize &gt; Layout &gt; Footer.<\/strong><br>In footer area you can add important content and navigation option of the site. Show your \u201cCopyright text\u201d Terms and Conditions link or privacy policy links\u201d are added there and more stuff like widgets, social icons etc.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group above-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Above Footer<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"684\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-footer-gogo.png?resize=285%2C684&#038;ssl=1\" alt=\"\" class=\"wp-image-13985\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-footer-gogo.png?w=285&amp;ssl=1 285w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/above-footer-gogo.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 285px) 100vw, 285px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It appears right above the footer widget and allows you to show multiple elements. You\u2019ll get three different layouts. You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the color scheme, height, border and many more.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Footer widget<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In Footer Widget there are eight different Bottom Footer Layout. You can add unlimited widgets in your footer by selecting desired layout.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Layout 1 \u2013 Single column widget area. Widgets will occupy the 100% area of the Footer Widget.<\/li>\n\n\n\n<li>Layout 2 \u2013 Two column widget area. Widgets will cover 50-50% area of the Footer Widget.<\/li>\n\n\n\n<li>Layout 3 \u2013 Three column widget area. Widgets will occupy 33% widget area in each column.<\/li>\n\n\n\n<li>Layout 4 \u2013 Four column widget area. Widgets will occupy 25% widget area in each column.<\/li>\n\n\n\n<li>Layout 5 \u2013 You will get three column to add widget but left column will occupy 50% area and remaining two column will take 25% of the area in each column.<\/li>\n\n\n\n<li>Layout 6 \u2013 You will get three column to add widget but left most and right most column will occupy 25% width and the center column will occupy 50% of the widget area.<\/li>\n\n\n\n<li>Layout 7 \u2013 You will get two column to add widget, left column will occupy the 60% of area and right column will take the 40% of the area.<\/li>\n\n\n\n<li>Layout 8 \u2013 You will get two column to add widget, right column will occupy the 60% area and left column will take the 40% of the widget area.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note \u2013<\/strong> You\u2019re absolutely free to add unlimited widgets in each widget area. Just click on \u201cGo to Widget\u201d button and add widgets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Widget width \u2013<\/strong> Using this option you can change the width of footer area.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Content width \u2013 It will take the width of the content area which you have set in the container width.<\/li>\n\n\n\n<li>Full width \u2013 In \u201cfull width\u201d your footer will occupy 100% of the screen\u2019s width. It will simply fit the edge to edge of the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"573\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/footer-widget-gogo.png?resize=296%2C573&#038;ssl=1\" alt=\"\" class=\"wp-image-13987\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/footer-widget-gogo.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/footer-widget-gogo.png?resize=155%2C300&amp;ssl=1 155w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Color Scheme \u2013<\/strong> Click on the image and Select the color scheme for your footer. You can show your text in white and background in black or vice versa.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group below-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Below Footer<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It appears below main footer widget area and allows you to show desired elements like social icons, menu, search, Text, &amp; Widgets. These elements will be displayed on the bottom-most area of the footer in your site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"702\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-footer-gogo.png?resize=282%2C702&#038;ssl=1\" alt=\"\" class=\"wp-image-13988\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-footer-gogo.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/below-footer-gogo.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group scrolltotop-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Scroll to Top<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Scroll to Top, Go to <strong>Appearance &gt; Customize &gt; Advanced Layout setting &gt; Scroll To Top.<\/strong> You can add back to top button on your site. This button will easily scroll your site to the top of the page in just one click on the button.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Position \u2013 You can select position of button.<\/li>\n\n\n\n<li>Icon Color \u2013 Pick desired icon color for your button.<\/li>\n\n\n\n<li>Icon Background Color \u2013 Pick desired color for your button background.<\/li>\n\n\n\n<li>Icon background Radius \u2013 You can change the radius of your button by sliding scroll bar or just enter the value in text box.<\/li>\n\n\n\n<li>Icon Hover Color \u2013 Set the hover color of icon when you put mouse over it this color will display.<\/li>\n\n\n\n<li>Icon Background Hover Color \u2013 You can change the hover color of icon Background when you put mouse over it this color will be shown in the background.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"681\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/scroll-to-top-gogo.png?resize=282%2C681&#038;ssl=1\" alt=\"\" class=\"wp-image-13989\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/scroll-to-top-gogo.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/scroll-to-top-gogo.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group color-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Color &amp; Background<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Color &amp; Background, Go to <strong>Appearance &gt; Customize &gt; Color &amp; Background.<\/strong> You can pick color for every element and upload background image.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Theme Color \u2013<\/strong> You can change the default color all over the site. it will cover color of elements like Date box color, Button etc.<\/li>\n\n\n\n<li><strong>Link Color \u2013<\/strong> You can pick color for all the links present on your site.<\/li>\n\n\n\n<li><strong>Link Hover Color \u2013<\/strong> You can pick the link hover color. Whenever you hover your mouse over the link it will show that color.<\/li>\n\n\n\n<li><strong>Text Color \u2013<\/strong> You can pick color for the text of your site.<\/li>\n\n\n\n<li><strong>Title Color &#8211;<\/strong> You can pick color for all the title of your site.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"691\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-background-gogo-1.png?resize=281%2C691&#038;ssl=1\" alt=\"\" class=\"wp-image-13991\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-background-gogo-1.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/color-background-gogo-1.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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<p class=\"wp-block-paragraph\">Typography makes your content visually stunning. You can add typography on your site with multiple Google &amp; standard fonts. Using different fonts on your site makes it a creative website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Font Subsets &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Go to <strong>Appearance &gt; Customizer &gt; Typography &gt; Font Subsets.<\/strong><br>Google font families support every subset. With this option you&#8217;ll get subsets like Latin, Latin-ext, Cyrillic, Cyrillic-ext, Greek, Greek-ext, Vietnamese and Arabic. Without these special characters won\u2019t be displayed at your site. Just check the desired subset and enable it on your site.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"359\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/font-subsets.png?resize=293%2C359&#038;ssl=1\" alt=\"\" class=\"wp-image-13992\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/font-subsets.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/font-subsets.png?resize=245%2C300&amp;ssl=1 245w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Base Typography<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Typography is the best way to show your content in a unique and attractive way. You can add multiple Google &amp; standard fonts using typography in your site. Using different fonts on your site make it a creative website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For Typography, Go to <strong>Appearance &gt; Customizer &gt; Typography &gt; Base Typography.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Body<\/strong> \u2013 Choose Font family for body text. Adjust the font size, line height and letter spacing. This will be applicable for overall sites body.<br>You can also adjust \u201cText Transform\u201d set your body text as Capitalize, Uppercase, Lowercase, default or none.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"631\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/body-typography-gogo.png?resize=296%2C631&#038;ssl=1\" alt=\"\" class=\"wp-image-13993\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/body-typography-gogo.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/body-typography-gogo.png?resize=141%2C300&amp;ssl=1 141w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> \u2013 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\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"274\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/title-typography-gogo.png?resize=297%2C274&#038;ssl=1\" alt=\"\" class=\"wp-image-13994\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content<\/strong> \u2013 This will set the overall typography of single page from heading H1 to H6.<\/li>\n\n\n\n<li>Heading (H1) \u2013 Applicable for for all h1 headings like page title, product title. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H2) \u2013 Applicable for h2 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading (H3) \u2013 Applicable for h3 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 4 (H4) \u2013 Applicable for h4 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 5 (H5) \u2013 Applicable for h5 headings. Choose font family and adjust the font size, line height &amp; letter spacing.<\/li>\n\n\n\n<li>Heading 6 (H6) \u2013 Applicable 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\" width=\"285\" height=\"677\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/content-typography-gogo.png?resize=285%2C677&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-button has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Site Button Setting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Site Button, Go to <strong>Appearance &gt; Customize &gt; Site button.<\/strong> Site button allows you to change the color of each button.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Button Text Color \u2013 You can pick desired color for your button text.<\/li>\n\n\n\n<li>Button Background Color \u2013 You can choose desired color for your button background.<\/li>\n\n\n\n<li>Button Text Hover Color \u2013 Choose the text to hover color for your button text, whenever you take your mouse over the button it will show the button text hover color.<\/li>\n\n\n\n<li>Button Background Hover Color \u2013 Choose the background to hover color for your button, whenever you take your mouse over the button it will show the button background hover color.<\/li>\n\n\n\n<li>Button Border Radius \u2013 For button border radius Increase or decrease the scroll bar and change the border radius of a button. It will change the outer border\u2019s edge of the button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"579\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/site-button-gogo-1.png?resize=298%2C579&#038;ssl=1\" alt=\"\" class=\"wp-image-13997\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/site-button-gogo-1.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/site-button-gogo-1.png?resize=154%2C300&amp;ssl=1 154w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group pre-loader has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Pre Loader<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Pre loader, Go to <strong>Appearance &gt; Customizer &gt; Pre Loader.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For enabling the loader, check on the box &#8220;Enable loader&#8221;. Preloader will be shown when you load or refresh your site.<\/li>\n\n\n\n<li>You can upload a GIF or an image as a preloader or you can pick background color instead of image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"451\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pre-loader-gogo-1.png?resize=296%2C451&#038;ssl=1\" alt=\"\" class=\"wp-image-13998\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pre-loader-gogo-1.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/pre-loader-gogo-1.png?resize=197%2C300&amp;ssl=1 197w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group social-icon has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Social Icon Setting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For adding social profile links, Go to <strong>Appearance &gt; Customize &gt; Social icon.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can show these social icon in the header as well as at the footer. To show social icons just put the likns in the text area.<\/li>\n\n\n\n<li>By default it will follow the color scheme but You can also set the \u201coriginal color\u201d for each social icon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"681\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/social-icon-gogo-1.png?resize=280%2C681&#038;ssl=1\" alt=\"\" class=\"wp-image-14000\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/social-icon-gogo-1.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/social-icon-gogo-1.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group search-icon has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Search icon &amp; Search box<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Search icon, Go to <strong>Appearance &gt; Customize &gt; Search &gt; Search icon.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Icon Font size \u2013 You can adjust the size of icon using this option. Enter the value in the text box or slide the bar.<\/li>\n\n\n\n<li>Icon Radius \u2013 You can adjust the radius of an icon. Enter the value in the text box or slide the bar.<\/li>\n\n\n\n<li>Icon Color \u2013 Pick any desired color for icon from the color bar.<\/li>\n\n\n\n<li>Icon Border Color \u2013 Using this option you can pick any desired color for icon border.<\/li>\n\n\n\n<li>Icon Hover Color \u2013 Pick any desired color for icon hover. ( When you hover the mouse on the icon it will show your selected color.<\/li>\n\n\n\n<li>Icon Background Color \u2013 Pick any desired color for icon background.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"649\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/serach-icon-gogo.png?resize=295%2C649&#038;ssl=1\" alt=\"\" class=\"wp-image-14001\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/serach-icon-gogo.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/serach-icon-gogo.png?resize=136%2C300&amp;ssl=1 136w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For Search box. Go to <strong>Appearance &gt; Customize &gt; Search &gt; Search box.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Width \u2013 You can adjust the width of search box. Enter the value in the text box or slide the bar.<\/li>\n\n\n\n<li>Height \u2013 You can adjust the height of search box. Enter the value in the text box or slide the bar.<\/li>\n\n\n\n<li>Border Radius \u2013 You can adjust the border radius of box. This will change the outer border edge of the box. You can increase or decrease the border-radius or enter the desired value in the text box.<\/li>\n\n\n\n<li>Placeholder Font Size \u2013 This option will help you in adjusting the font size of the placeholder text. slide the scroll bar or enter the desired value.<\/li>\n\n\n\n<li>Icon Size- Change the size of the icon in a box by increasing or decreasing the scroll bar or enter the value.<\/li>\n\n\n\n<li>Placeholder Text- Write your Placeholder Text in the text box.<\/li>\n\n\n\n<li>Search Box Background Color- Pick desired color for your Search Box Background.<\/li>\n\n\n\n<li>Placeholder Text Color- Pick desired color for your Placeholder Text.<\/li>\n\n\n\n<li>Border Color- Pick desired color for your search box Border.<\/li>\n\n\n\n<li>Icon Color- Pick desired color for search box icon.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/search-box-gogo.png?resize=281%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-14002\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/search-box-gogo.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/search-box-gogo.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">WooCommerce<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"391\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-setting-gogo.png?resize=296%2C391&#038;ssl=1\" alt=\"\" class=\"wp-image-14005\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-setting-gogo.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-setting-gogo.png?resize=227%2C300&amp;ssl=1 227w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For WooCommerce setting. Go to <strong>Appearance &gt; Customize &gt; WooCommerce<\/strong><br>First Setup your WooCommerce. Go to your WP dashboard, Install WooCommerce plugin from WordPress.org and activate it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For WooCommerce General setting. Go to <strong>Appearance &gt; Customize &gt; WooCommerce &gt; General<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">On Sale Badge &#8211;<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"188\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/on-sale-badge-gogo.png?resize=296%2C188&#038;ssl=1\" alt=\"\" class=\"wp-image-14006\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can show a \u201ccircle\u201d, \u201cdiamond\u201d and \u201csquare\u201d on the upper left side of your product. It will automatically display alongside with the product which is on sale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cart \u2013<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cart shows the number of the product you have added in your cart for the final purchase. From this option, You can display Cart Icon in the Menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Visibility \u2013<\/strong> You can disable or enable cart icon from your site. You can choose the desired option from the drop-down box.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show as \u2013<\/strong> You can display your Cart as Icon, Icon &amp; Total (Price total of items you have added in your cart), Icon &amp; Cart count (Total number of items added in cart) or Icon &amp; Cart Count &amp; Total.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"411\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-cart-gogo.png?resize=295%2C411&#038;ssl=1\" alt=\"\" class=\"wp-image-14007\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-cart-gogo.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/woo-cart-gogo.png?resize=215%2C300&amp;ssl=1 215w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Drop-down Color scheme \u2013<\/strong> Choose desired color scheme for your Drop-down Cart.<br><br><strong>Note \u2013<\/strong> To create \u201cCart Page \u201d Go to Dashboard &gt; Pages &gt; Add New page &gt; Put this Short-code \u201c[woocommerce_cart]\u201d in the editor. Publish it. This will create a cart page on your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Shop Page &#8211;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For Shop Page. Go to <strong>Appearance &gt; Customize &gt; WooCommerce &gt; Shop Page<\/strong><br>Set the shop page first, Create shop page, Navigate to WooCommerce tab &gt; Setting &gt; Products. Now click on \u201cselect a page\u201d choose your shop page and save it.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Products per row \u2013 You can enter the number of products which will be displayed in each row. For example, if you set the number of products as \u201c3\u201d, in each row \u201c3\u201d products will be displayed.<\/li>\n\n\n\n<li>Rows per page \u2013 You can enter the number of rows you want to show in each page. For example, if you set the number of rows as \u201c4\u201d, on each page \u201c4\u201d row of products will be displayed.<\/li>\n\n\n\n<li>Product Image Hover Style \u2013 You can choose the desired hover style and show your product in a unique way. You can display your product in \u201cZoom\u201d or as \u201cSwap\u201d hover style.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zoom \u2013<\/strong> It is a kind of basic magnify effect on your product, it will zoom out your product while hovering the mouse over it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Swap \u2013<\/strong> In swap condition your product gallery images will be displayed while hovering or clicking the mouse over the Product. It will exchange the product image and show other images of product which have some different look. For \u201cProduct Gallery option\u201d Go to a single product page on the rightmost side you can set your product gallery images.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product Structure \u2013 Here you can Disable or Enable the elements like \u201cCategory\u201d, \u201cTitle\u201d, \u201cRatings\u201d, \u201cPrice\u201d, \u201cAdd to cart\u201d and \u201cShort description\u201d. You can also change their position by drag &amp; drop the desired element.<\/li>\n\n\n\n<li>Product Content Alignment \u2013 You can Align your product content \u201cLeft\u201d, \u201cRight\u201d or \u201cCenter\u201d. Click on the tab and set the desired position.<\/li>\n\n\n\n<li>Product Box shadow \u2013 You can highlight your product with a Shadow in the background. Set product box background shadow by just scrolling the bar or enter the value in the text box.<\/li>\n\n\n\n<li>Product Box shadow on Hover \u2013 Set product box on hover shadow by just scrolling the bar or enter the value in the text box. Whenever you hover your mouse on the product it will show a shadow in the background.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"702\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/shop-page-gogo.png?resize=282%2C702&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Single Product &#8211;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can set up your single product. For single product, Go to Appearance &gt; Customize &gt; WooCommerce &gt; Single product setting.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Content Width \u2013 You can adjust the content area of your single product page. Increase or decrease the width by scrolling the bar or just enter the value in text box.<\/li>\n\n\n\n<li>Product Content Alignment \u2013 You can align your content \u201cleft\u201d, \u201cright\u201d or \u201ccenter\u201d. Click on the tab and set desired position.<\/li>\n\n\n\n<li>Product Structure \u2013 You can Disable or Enable the elements like \u201ctitle\u201d, \u201cratings\u201d, \u201cprice\u201d, \u201cadd to cart\u201d, \u201cmeta\u201d and \u201cshort description\u201d.Change their position by drag &amp; drop.<\/li>\n\n\n\n<li>Product Description Tab &#8211; You can show a short description of the product. Write product short description in the product editor.<\/li>\n\n\n\n<li>Product Tab Layout \u2013 You can show your product short description in horizontal or vertical view in tablet &amp; mobile devices.<\/li>\n\n\n\n<li>Up Sell Product \u2013 These are the items that your customer might prefer instead of the product currently viewed. Items which is offered as an up-sell might be more popular, have better profit margin or a higher quality. Check the box \u201cDisplay upsell product\u201d. If you check this box you can now set the Number of Column and Number of up-selling Product you want to show.<\/li>\n\n\n\n<li>Related Product \u2013 Related product are the items which are similar to the product your customer is viewing. Check the box \u201cDisplay related product\u201d. If you check this box you can now set the Number of Column and Number of related Product you want to show.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"695\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-product-gogo.png?resize=284%2C695&#038;ssl=1\" alt=\"\" class=\"wp-image-14020\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-product-gogo.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/01\/single-product-gogo.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Installing Theme Note \u2013 For enabling FrontPage Section (Homepage Layout, Big Image with Typewriter, Services, About Us, Clients &amp; Testimonial, Team, Video ribbon section, Blog post, Social icon option etc.) in our theme, download the Hunk Companion. This plugin will work with Free version, For More features go with Gogo Pro addon. Installing Gogo Pro [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-13728","docs","type-docs","status-publish","hentry","docscate-pro-themes"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13728","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":6,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13728\/revisions"}],"predecessor-version":[{"id":69354,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/13728\/revisions\/69354"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=13728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}