{"id":14616,"date":"2019-06-13T16:11:42","date_gmt":"2019-06-13T10:41:42","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=14616"},"modified":"2024-07-01T19:03:35","modified_gmt":"2024-07-01T13:33:35","slug":"almaira-pro","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/almaira-pro\/","title":{"rendered":"Almaira Pro"},"content":{"rendered":"\n<section class=\"wp-block-group installing-theme has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Installing Theme<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, download the Almaira theme zip file from the <a href=\"https:\/\/members.themehunk.com\/member\" target=\"_blank\" rel=\"noreferrer noopener\">member\u2019s area<\/a>.<\/li>\n\n\n\n<li>Login to WordPress dashboard.<\/li>\n\n\n\n<li>Go to \u201cAppearance > Theme\u201d.<\/li>\n\n\n\n<li>Click on \u201cAdd new\u201d button and then click on \u201cUpload theme\u201d button. Here upload theme zip file.<\/li>\n\n\n\n<li>Activate the theme.<img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1108\" height=\"719\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/install-almaira-pro.png?resize=1108%2C719&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">For our Almaira theme, you need to install the required plugin &#8211;<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Woocommerce<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to WordPress Admin panel.<\/li>\n\n\n\n<li>Go to Plugin > Add new.<\/li>\n\n\n\n<li>Search Woocommerce plugin in the search box and activate the plugin, installation is done.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">YITH Woocommerce wishlist<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This plugin will allow you to add wishlist functionality to e-commerce.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Again Go to plugin > Add new<\/li>\n\n\n\n<li>Search YITH Woocommerce wishlist and activate the plugin, installation is done.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">YITH WooCommerce Compare<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This plugin will allow you to add wishlist functionality to e-commerce.<br>To install this plugin-<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Again Go to plugin > Add new<\/li>\n\n\n\n<li>Search YITH Woocommerce wishlist and activate the plugin, installation is done.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group menu-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Menu Setting<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\">Section Scrolling Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add Scrolling menu please follow the below steps \u2013<\/li>\n\n\n\n<li><strong>Go to WP Dashboard > \u201cAppearance > Menus\u201d and create a new custom menu<\/strong>.<\/li>\n\n\n\n<li>Add 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>You can put below id\u2019s for section scrolling menu.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Slider Settings &#8211;\u00a0 #th-slider<\/li>\n\n\n\n<li>Product Filter \u2013 #th-product-filter<\/li>\n\n\n\n<li>Ribbon section \u2013 #th-ribbon<\/li>\n\n\n\n<li>Categories \u2013 #th-categories<\/li>\n\n\n\n<li>Home Page- #th-home-shop<\/li>\n\n\n\n<li>Instagram section \u2013 #th-instagram<\/li>\n\n\n\n<li>Brands &#8211; #th-brand<\/li>\n\n\n\n<li>Highlights &#8211; #th-highlights<\/li>\n\n\n\n<li>Custom section 1 &#8211; #th-custome-1<\/li>\n\n\n\n<li>Custom section 2 &#8211; #th-custome-2<\/li>\n\n\n\n<li>Custom section 3 &#8211; #th-custome-3<\/li>\n\n\n\n<li>Custom section 4 &#8211; #th-custome-4<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Main Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Dashboard > Appearance<\/strong>. For showing your menu in front page header on your site. Navigate to Menus > Create menu > Menu Settings.<\/li>\n\n\n\n<li>Select \u201cMain menu\u201d as a Theme Location for Section Menus. Display Menu on front page header.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Above Header Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Go to WP Dashboard > Appearance<\/strong>. For showing your menu in above header on your site. Navigate to Menus > Create menu > Menu Settings.<\/li>\n\n\n\n<li>Select \u201cHeader above menu\u201d as a Theme Location for Section Menus. Display Menu on Above Header.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Footer Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For showing your menu on footer. Navigate to Menus > Create menu > Menu Settings.<\/li>\n\n\n\n<li>Select \u201cFooter Menu\u201d as a Theme Location for Section Menus. Display Menu on Footer section.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1570\" height=\"629\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/menu-setting-almaira-shop-doc.png?resize=1570%2C629&#038;ssl=1\" alt=\"\" class=\"wp-image-15194\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/menu-setting-almaira-shop-doc.png?w=1570&amp;ssl=1 1570w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/menu-setting-almaira-shop-doc.png?resize=300%2C120&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/menu-setting-almaira-shop-doc.png?resize=768%2C308&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/menu-setting-almaira-shop-doc.png?resize=1024%2C410&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add Menu Tool tip &#8211;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Add menu tool tip in your menus. Just Navigate to <strong>Dashboard > Appearance > Menus.<\/strong><\/li>\n\n\n\n<li>Now Click on menus panel, here on the upper right side you&#8217;ll see an option of &#8220;Screen Options&#8221;. Open that panel and Choose the Option &#8220;Description&#8221;.<\/li>\n\n\n\n<li>After that go to your menu, click its panel. Here you&#8217;ll see an option of Description, now add your Menu tool tip text and Save it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1584\" height=\"930\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?resize=1584%2C930&#038;ssl=1\" alt=\"Menu tool tip almaira shop\" class=\"wp-image-17677\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?w=1584&amp;ssl=1 1584w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?resize=1024%2C601&amp;ssl=1 1024w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?resize=768%2C451&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/Menu-tool-tip-almaira-shop.png?resize=1536%2C902&amp;ssl=1 1536w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\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<h2 class=\"wp-block-heading\">How to import Demo ?<\/h2>\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 in Almaira Pro WordPress Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kEpL8iipsVw?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\n\n\n<ul class=\"wp-block-list\">\n<li>For more information follow this\u00a0<a href=\"https:\/\/themehunk.com\/docs\/how-to-import-themehunk-templates\/\" target=\"_blank\" rel=\"noreferrer noopener\">link<\/a>.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-identity has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Site Identity<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > WordPress Default Setting > Site Identity.<\/strong><\/li>\n\n\n\n<li>To display Site logo or site title tagline and site icon on your site.<\/li>\n\n\n\n<li><strong>Dashboard > Appearance > Customize > WordPress Default > Site identity<\/strong>.<\/li>\n\n\n\n<li><strong>Logo<\/strong>&#8211; Upload a logo image with specific width and height.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline<\/strong> &#8211; Display site title &amp; tagline in-place of Logo.<\/li>\n\n\n\n<li><strong>Site Title &amp; Tagline Show\/Hide<\/strong> &#8211; Check on the radio button display site title and tagline.<\/li>\n\n\n\n<li><strong>Site Icon<\/strong> &#8211; You can upload a site icon for your browser.<\/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=\"661\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/site-identity-almaira-pro.png?resize=284%2C661&#038;ssl=1\" alt=\"\" class=\"wp-image-15465\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/site-identity-almaira-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/site-identity-almaira-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group homepage-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Setup Homepage<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > WordPress Default Setting > Setup Homepage.<\/strong><\/li>\n\n\n\n<li>For creating Homepage on your site follow the below instructions \u2013<\/li>\n\n\n\n<li>Go to Wp Dashboard > Page > Add New > Create a Page.<\/li>\n\n\n\n<li>In the right sidebar of your editor you will see Page attributes > Template. Click on the template and select the option Homepage template. Publish it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1566\" height=\"643\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/homepage-setting-almaira-shop-doc.png?resize=1566%2C643&#038;ssl=1\" alt=\"\" class=\"wp-image-15159\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/homepage-setting-almaira-shop-doc.png?w=1566&amp;ssl=1 1566w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/homepage-setting-almaira-shop-doc.png?resize=300%2C123&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/homepage-setting-almaira-shop-doc.png?resize=768%2C315&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/homepage-setting-almaira-shop-doc.png?resize=1024%2C420&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to Customize panel > WordPress Default > Homepage Settings. In homepage settings. Select the radio button of &#8220;A static page&#8221; and choose your homepage which you have created as front page.<\/li>\n<\/ul>\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<h2 class=\"wp-block-heading\">Container Settings<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Container setting, Go to <strong>Appearance > Customizer > Layout > Container.<\/strong><\/li>\n\n\n\n<li>In container your overall site content will appear. You can manage your overall container by doing the below settings.<\/li>\n\n\n\n<li><strong>Container layout 1 &#8211;<\/strong> With Container layout 1, 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 &#8211; 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>Container layout 2 &#8211;<\/strong> With Container layout 2, 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>Top\/Bottom Margin \u2013 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=\"296\" height=\"352\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/container-layout-almaira-shop-doc.png?resize=296%2C352&#038;ssl=1\" alt=\"\" class=\"wp-image-15182\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/container-layout-almaira-shop-doc.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/container-layout-almaira-shop-doc.png?resize=252%2C300&amp;ssl=1 252w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\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\">Header<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For header setting, Go to <strong>Appearance > Customizer > Layout > Header.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"320\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/header-layout-almaira-pro.png?resize=302%2C320&#038;ssl=1\" alt=\"\" class=\"wp-image-15442\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/header-layout-almaira-pro.png?w=302&amp;ssl=1 302w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/header-layout-almaira-pro.png?resize=283%2C300&amp;ssl=1 283w\" sizes=\"(max-width: 302px) 100vw, 302px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Above Header<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Above Header setting, Go to <strong>Appearance > Customizer > Layout > Header > Above Header.<\/strong><\/li>\n\n\n\n<li>It appears right above the Main header and allows you to show multiple elements. You\u2019ll get one layout. In this layout column you can show elements like social icons, menu, search, Text, Widgets. Here styling can be done using the height, bottom border and border color.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"367\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/above-header-almaira-pro.png?resize=291%2C367&#038;ssl=1\" alt=\"\" class=\"wp-image-15443\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/above-header-almaira-pro.png?w=291&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/above-header-almaira-pro.png?resize=238%2C300&amp;ssl=1 238w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/figure>\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<ul class=\"wp-block-list\">\n<li>For Main Header setting, Go to <strong>Appearance > Customizer > Layout > Header > Main Header.<\/strong><\/li>\n\n\n\n<li>In main header your logo and main navigation will be displayed along with Menu.<\/li>\n\n\n\n<li>To show navigation menu in your \u201cheader\u201d first set the menus from the dashboard. Go with this link. With Main header setting, you can modify your overall header by adding layout with other content.<\/li>\n\n\n\n<li><strong>Last Menu Item<\/strong> \u2013 You can show search icon, social media profile, text, button or widgets as the last menu item.<\/li>\n\n\n\n<li><strong>Bottom Border size<\/strong> \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><strong>Bottom Border Color<\/strong> \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><strong>Mobile Menu Open<\/strong> \u2013 Choose the Mobile menu alignment left. right or center.<\/li>\n\n\n\n<li><strong>Enable Search<\/strong> \u2013 This will show your Search icon in your header.<\/li>\n\n\n\n<li><strong>Enable Wishlist, Account and Cart<\/strong> &#8211; This will show Wishlist, Account and Cart icon on your Header.<\/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\/06\/main-header-almaira-pro.png?resize=282%2C682&#038;ssl=1\" alt=\"\" class=\"wp-image-15444\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/main-header-almaira-pro.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/main-header-almaira-pro.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 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<ul class=\"wp-block-list\">\n<li>For sticky header, Go to <strong>Customize > Layout > Header > Sticky header<\/strong>. The sticky header will be fixed in the top of your site when you scroll the page. You can easily access the menu from any part of the site. Slide and Fade Animation effect is provided to show your sticky header.<\/li>\n\n\n\n<li><strong>Stick Main Header<\/strong> \u2013 This option will enable Sticky Header in your Main header. For enabling this option, check the box.<\/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=\"323\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sticky-header-almaira-pro.png?resize=293%2C323&#038;ssl=1\" alt=\"\" class=\"wp-image-15445\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sticky-header-almaira-pro.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sticky-header-almaira-pro.png?resize=272%2C300&amp;ssl=1 272w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\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<ul class=\"wp-block-list\">\n<li>Transparent Header will simply merge your main header and content. Check the box and enable transparent header. This will display a transparent header on the Front Page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"290\" height=\"219\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/transparent-header-almaira-pro.png?resize=290%2C219&#038;ssl=1\" alt=\"\" class=\"wp-image-15446\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group page-header has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Page Header<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For page header, Go to <strong>Customize > Layout > Header > Page Header <\/strong>. With this option you can upload Header image for Inner pages like Blog, shop, contact 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=\"641\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/page-header-almaira-pro.png?resize=284%2C641&#038;ssl=1\" alt=\"\" class=\"wp-image-15447\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/page-header-almaira-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/page-header-almaira-pro.png?resize=133%2C300&amp;ssl=1 133w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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\">Blog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Blog setting, Go to Appearance > Customizer > Layout > Blog. In Blog page you can show collection of post grouped by category, author, date and tag etc.<\/li>\n\n\n\n<li><strong>Blog Post content<\/strong> &#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><strong>Read More Text<\/strong> &#8211; In read more text, put the text you want to display for your Read more button.<\/li>\n\n\n\n<li><strong>Post Pagination<\/strong> &#8211; It will provide you Numbered navigation, Load more and Infinite scroll for 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=\"293\" height=\"486\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/blog-almaira-pro.png?resize=293%2C486&#038;ssl=1\" alt=\"\" class=\"wp-image-15448\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/blog-almaira-pro.png?w=293&amp;ssl=1 293w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/blog-almaira-pro.png?resize=181%2C300&amp;ssl=1 181w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 Go to dashboard &gt; 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.<\/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\">Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > Layout > Footer<\/strong>.<\/li>\n\n\n\n<li>In footer area you can add important content and navigation option of the site. You can add Copyright in below footer (copyright area).<\/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=\"277\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/footer-almaira-pro.png?resize=297%2C277&#038;ssl=1\" alt=\"\" class=\"wp-image-15449\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Above Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > Layout > Footer > Above Footer<\/strong>.<\/li>\n\n\n\n<li>It appears right above the footer widget and allows you to show multiple elements.<\/li>\n\n\n\n<li>You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the height, bottom border and Border color.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"370\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/above-footer-almaira-pro.png?resize=294%2C370&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group widget-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Widget Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > Layout > Footer > Widget Footer.<\/strong>.<\/li>\n\n\n\n<li>In Footer Widget there are eight different Bottom Footer Layout. You can add unlimited widgets in your footer by selecting the layout.<\/li>\n\n\n\n<li>In Layout 4 \u2013 Four column widget area. Widgets will occupy 25% widget area in each column. Other layouts you&#8217;ll get with Pro Version.<\/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=\"367\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/widget-footer-almaira-pro.png?resize=296%2C367&#038;ssl=1\" alt=\"\" class=\"wp-image-15451\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/widget-footer-almaira-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/widget-footer-almaira-pro.png?resize=242%2C300&amp;ssl=1 242w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 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<\/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<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > Layout > Footer > Below Footer.<\/strong>.<\/li>\n\n\n\n<li>It appears Below the footer widget and allows you to show multiple elements.<\/li>\n\n\n\n<li>You can show elements like social icons, menu, search, Text, Widgets in each layout column. Styling can be done using the height, bottom border and Border color.<\/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=\"684\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/below-footer-almaira-pro.png?resize=281%2C684&#038;ssl=1\" alt=\"\" class=\"wp-image-15452\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/below-footer-almaira-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/below-footer-almaira-pro.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group fixed-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Fixed Footer<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this setting, Go to <strong>Appearance > Customize > Layout > Footer > Fixed Footer.<\/strong>.<\/li>\n\n\n\n<li>It will fix your footer on the bottom 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=\"296\" height=\"181\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/fixed-footer-almaira-pro.png?resize=296%2C181&#038;ssl=1\" alt=\"\" class=\"wp-image-15454\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group scroll-top 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<ul class=\"wp-block-list\">\n<li>For Scroll to Top, Go to <strong>Appearance > Customize > Layout > Scroll To Top<\/strong>.<\/li>\n\n\n\n<li>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. You can also disable it by checking the box.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"267\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/scroll-to-top-almaira-shop-doc.png?resize=295%2C267&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group slider-settings has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Slider Settings<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Slider setting, Go to <strong>Customizer > Frontpage > Slider settings <\/strong>.<\/li>\n\n\n\n<li>Slider settings will allow you to add slider images in your site. Just add new slide and upload desired image, Title, subtitle, Text and link.<\/li>\n\n\n\n<li>To show your slider images in Mobile view, enable the responsive slider by checking the box.<\/li>\n\n\n\n<li>If you don&#8217;t want slider on your Homepage, Just check the Disable section box.<\/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=\"490\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-almaira-pro.png?resize=292%2C490&#038;ssl=1\" alt=\"\" class=\"wp-image-15393\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-almaira-pro.png?w=292&amp;ssl=1 292w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-almaira-pro.png?resize=179%2C300&amp;ssl=1 179w\" sizes=\"(max-width: 292px) 100vw, 292px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Slider. Just pick the color for your desired elements and also you can add Color Overlay to your slider image<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"472\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-color-bg-almaira-pro.png?resize=299%2C472&#038;ssl=1\" alt=\"\" class=\"wp-image-15543\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-color-bg-almaira-pro.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/slider-setting-color-bg-almaira-pro.png?resize=190%2C300&amp;ssl=1 190w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group ribbon-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Ribbon Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Ribbon Section , Go to <strong>Customizer > Frontpage > Ribbon Section <\/strong>.<\/li>\n\n\n\n<li>In ribbon you can add Background image. Disable or enable the section whenever you want.<\/li>\n\n\n\n<li>Add heading, sub heading, Button Text and button link.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"680\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/ribbon-section-almaira-pro.png?resize=280%2C680&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Ribbon. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"615\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-bg-ribbon-section-almaira-pro.png?resize=297%2C615&#038;ssl=1\" alt=\"\" class=\"wp-image-15544\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-bg-ribbon-section-almaira-pro.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-bg-ribbon-section-almaira-pro.png?resize=145%2C300&amp;ssl=1 145w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group brand-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Brand Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Brand section, Go to <strong>Customizer > Frontpage > Brand section <\/strong>.<\/li>\n\n\n\n<li>With this section you can show Brands on your site.<\/li>\n\n\n\n<li>You can show Brand image and link.<\/li>\n\n\n\n<li>If you don&#8217;t want this section on your Homepage, Just check the Disable section box.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<\/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=\"683\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-section-almaira-shop.png?resize=282%2C683&#038;ssl=1\" alt=\"\" class=\"wp-image-15395\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-section-almaira-shop.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-section-almaira-shop.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Brands. Just pick the color for your desired elements and Upload background image with color overlay.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"516\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-color-bg-almaira-pro.png?resize=299%2C516&#038;ssl=1\" alt=\"\" class=\"wp-image-15546\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-color-bg-almaira-pro.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/brands-color-bg-almaira-pro.png?resize=174%2C300&amp;ssl=1 174w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group categories-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Categories Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Categories Section , Go to <strong>Customizer > Frontpage > Categories Section <\/strong>.<\/li>\n\n\n\n<li>In Categories Section you can display your categories in slider, just Choose Categories To Show and display them on homepage.<\/li>\n\n\n\n<li>If you don&#8217;t want this section on your Homepage, Just check the Disable section box.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"684\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/categories-section-almaira-shop.png?resize=280%2C684&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Category. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"698\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/categories-color-bg-almaira-pro.png?resize=280%2C698&#038;ssl=1\" alt=\"\" class=\"wp-image-15548\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/categories-color-bg-almaira-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/categories-color-bg-almaira-pro.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group home-shop has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Home Shop Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Home Shop , Go to <strong>Customizer > Frontpage > Home Shop <\/strong>.<\/li>\n\n\n\n<li>Here you can display your Sort by categories like New arrivals, Featured product, On sale product, Low to high and High to low product in a arranged manner.<\/li>\n\n\n\n<li>You can also display the product categories and set No. of Products To Show.<\/li>\n\n\n\n<li>Disable or enable the section whenever you want.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"687\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/home-shop-almaira-shop.png?resize=277%2C687&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Home Shop. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"515\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/home-shop-color-bg-almaira-pro.png?resize=301%2C515&#038;ssl=1\" alt=\"\" class=\"wp-image-15550\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/home-shop-color-bg-almaira-pro.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/home-shop-color-bg-almaira-pro.png?resize=175%2C300&amp;ssl=1 175w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-filter has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Product Filter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Product Filter, Go to <strong>Customizer > Frontpage > Product Filter <\/strong>.<\/li>\n\n\n\n<li>With Product Filter you can filter your products by categories. This will make easy for you to show the number of products in each category on Homepage.<\/li>\n\n\n\n<li>From &#8220;Choose Categories&#8221; set the category you want to show on homepage and set No. of Products To Show.<\/li>\n\n\n\n<li>If you don&#8217;t want this section on your Homepage, Just check the Disable section box.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note &#8211; To create category for your product. Go to Dashboard &gt; Product &gt; Categories &gt; Add category.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"684\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-filter-almaira-pro.png?resize=279%2C684&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of product filter section. Just pick the color for your desired elements and Upload background image with color overlay.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"515\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-filter-color-bg-almaira-pro.png?resize=300%2C515&#038;ssl=1\" alt=\"\" class=\"wp-image-15551\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-filter-color-bg-almaira-pro.png?w=300&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-filter-color-bg-almaira-pro.png?resize=175%2C300&amp;ssl=1 175w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group highlights-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Highlights Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Highlights section, Go to <strong>Customizer > Frontpage > Highlights Section <\/strong>.<\/li>\n\n\n\n<li>In Highlights section you can show your services .<\/li>\n\n\n\n<li>Choose Icon, color and title to show your services in front page.<\/li>\n\n\n\n<li>If you don&#8217;t want this section on your Homepage, Just check the Disable section box.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"642\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/highlights-section-almaira-pro.png?resize=283%2C642&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of highlight section. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"508\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/highlights-color-bg-almaira-pro.png?resize=301%2C508&#038;ssl=1\" alt=\"\" class=\"wp-image-15552\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/highlights-color-bg-almaira-pro.png?w=301&amp;ssl=1 301w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/highlights-color-bg-almaira-pro.png?resize=178%2C300&amp;ssl=1 178w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group instagram-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Instagram Setting<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Instagram section, first Go to <strong>Dashboard > Plugin > Add new > Instagram Feed<\/strong> .<\/li>\n\n\n\n<li>1. Navigate to Configure.<\/li>\n\n\n\n<li>2. Click on the button Log in and get your access token from here with User ID. (You have to login in your Instagram account for getting the token and User Id)<\/li>\n\n\n\n<li>3. After login the Access Token and user Id will automatically appeared in the text area.<\/li>\n\n\n\n<li>4. Put this User Id and save your changes.<\/li>\n\n\n\n<li>5. You can customize the Instagram section, multiple customization options are there in the customize panel of plugin.<\/li>\n\n\n\n<li>Now navigate to Appearance > Customize panel > Instagram section.<\/li>\n\n\n\n<li>For displaying the feed copy and paste the [instagram-feed]. Add heading and link.<\/li>\n\n\n\n<li>You can disable or enable the section.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this 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=\"648\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-almaira-pro.png?resize=279%2C648&#038;ssl=1\" alt=\"\" class=\"wp-image-15400\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-almaira-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-almaira-pro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for each element of Instagram section. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"422\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-color-bg-almaira-pro.png?resize=296%2C422&#038;ssl=1\" alt=\"\" class=\"wp-image-15554\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-color-bg-almaira-pro.png?w=296&amp;ssl=1 296w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/instagram-color-bg-almaira-pro.png?resize=210%2C300&amp;ssl=1 210w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group custom-section has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Custom Section<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For custom section, Go to <strong>Customizer > Frontpage > Custom Section <\/strong>.<\/li>\n\n\n\n<li>There are four custom section. In each custom section you can choose desired layout and put widget in it.<\/li>\n\n\n\n<li>If you don&#8217;t want this section on your Homepage, Just check the Disable section box.<\/li>\n\n\n\n<li>You can add Top &amp; Bottom Padding in this section.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"689\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/custom-section-almaira-pro.png?resize=279%2C689&#038;ssl=1\" alt=\"\"><\/li>\n\n\n\n<li><strong>Color &amp; Background Setting &#8211;<\/strong> Color &amp; background option is available for Background &amp; Heading of Custom section. Just pick the color for your desired elements and Upload background image with color overlay.<\/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=\"426\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/custom-section-almaira-pro-color-bg.png?resize=298%2C426&#038;ssl=1\" alt=\"\" class=\"wp-image-15555\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/custom-section-almaira-pro-color-bg.png?w=298&amp;ssl=1 298w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/custom-section-almaira-pro-color-bg.png?resize=210%2C300&amp;ssl=1 210w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><\/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<h2 class=\"wp-block-heading\">Section Ordering &amp; Section On\/Off<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Section Ordering setting, go to Appearance > Customize > Frontpage Sections > Homepage Layout Settings > Section Ordering.<br>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=\"279\" height=\"710\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/section-ordering-almaira-shop.png?resize=279%2C710&#038;ssl=1\" alt=\"\" class=\"wp-image-15402\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/section-ordering-almaira-shop.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/section-ordering-almaira-shop.png?resize=118%2C300&amp;ssl=1 118w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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<h2 class=\"wp-block-heading\">Color and Background<\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"440\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-background-almaira-pro.png?resize=299%2C440&#038;ssl=1\" alt=\"\" class=\"wp-image-15456\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-background-almaira-pro.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/color-background-almaira-pro.png?resize=204%2C300&amp;ssl=1 204w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For Color &amp; Background, Go to Appearance &gt; Customize &gt; Color &amp; Background. You can pick color for every element and upload background image.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group global-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Global Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Global colors option, Go to Appearance > Customize > Global Colors.<\/li>\n\n\n\n<li>Color Scheme \u2013 You can choose Dark or Light scheme for your site. Dark will make your site black in color. Whereas the light will make your site overall White.<\/li>\n\n\n\n<li>You can change the default color all over the site using Theme Color. You can pick color for link, link hover color, text color, title color, background color &amp; Background image.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/global-color-almaira-pro.png?resize=279%2C697&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Header Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Color &amp; Background > Header. You can pick color for your overall header which includes \u201cMain Header\u201d, \u201cAbove header\u201d, &#8220;Page Header&#8221;, &#8220;Mobile\/Pan Color&#8221;<\/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=\"274\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/header-color-almaira-pro.png?resize=293%2C274&#038;ssl=1\" alt=\"\" class=\"wp-image-15458\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Above Header \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your above header background or you can upload image there.<\/li>\n\n\n\n<li>Above Header Menu \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Above header Menu item only.<\/li>\n\n\n\n<li>Above Header Sub Menu \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Above header Sub Menu item only.<\/li>\n\n\n\n<li>Above Header Content \u2013 Pick color for text, link and hovered link. These will be applied for Above Header Content only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Main Header \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Site Title \u2013 Pick color for your site title, title Hovered Color and Tagline. To display your Site Title from Appearance > Customizer > Site Identity.<\/li>\n\n\n\n<li>Background Color &amp; Image \u2013 Pick color for your header background or you can upload image there. These will be applied for Main Header Background only.<\/li>\n\n\n\n<li>Main Header Content \u2013 Pick color header text, link and hovered link. These will be applied for Main Header Content only.<\/li>\n\n\n\n<li>Main Menu \u2013 In Main Menu option you can pick color for each Menu item and for menu background area. Individual Color options are given for Menu and Sub menu. These will be applied for Main menu items only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Mobile\/Pan Color \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Mobile\/Pan background or you can upload image there.<\/li>\n\n\n\n<li>Mobile\/Pan Content Color \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Mobile\/Pan content items only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Sticky Header Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can do all the above setting for Sticky Header too. For setting up Sticky Header color, Go to Appearance > Customize > Color &amp; Background > Sticky Header.<\/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=\"179\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sticky-header-color-almaira-pro.png?resize=295%2C179&#038;ssl=1\" alt=\"\" class=\"wp-image-15460\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Footer Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Color &amp; Background > Header. You can pick color for your overall Footer which includes \u201cFooter Widget\u201d, \u201cAbove &amp; Below Footer\u201d.<\/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=\"236\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/footer-color-almaira-pro.png?resize=295%2C236&#038;ssl=1\" alt=\"\" class=\"wp-image-15459\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Above Footer \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Above Footer background or you can upload image there.<\/li>\n\n\n\n<li>Above Footer Content Color \u2013 Pick color for Text, link and hovered link. These will be applied for Above Footer content items only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Footer Widget \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your Footer Widget background or you can upload image there. You can choose widgets from Appearance > Customize > Layout > Footer Widget.<\/li>\n\n\n\n<li>Above Footer Content Color \u2013 Pick color for Widget Title, text, link and hovered link. These will be applied for Footer Widget content items only.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Below Footer \u2013<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Background Color &amp; Image \u2013 Pick color for your below Footer background or you can upload image there.<\/li>\n\n\n\n<li>Above Footer Content Color \u2013 Pick color for Text, link and hovered link. These will be applied for below Footer content items only.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sidebar Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Color &amp; Background > Sidebar. From this option you can pick color for Sidebar elements of your site.<\/li>\n\n\n\n<li>Widget Title Color \u2013 Pick color for title of widget, you\u2019ll select for your sidebar.<\/li>\n\n\n\n<li>Text Color \u2013 Pick color for the text of your sidebar text.<\/li>\n\n\n\n<li>Link Color \u2013 Pick color of link in sidebar.<\/li>\n\n\n\n<li>Link Hover Color \u2013 Pick color of hovered link in sidebar.<\/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=\"515\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sidebar-color-almaira-pro.png?resize=295%2C515&#038;ssl=1\" alt=\"\" class=\"wp-image-15461\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sidebar-color-almaira-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/sidebar-color-almaira-pro.png?resize=172%2C300&amp;ssl=1 172w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Product Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Color &amp; Background > Products. From this option you can pick color for Product elements on Shop page.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"278\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/prodcut-color-almairapro.png?resize=278%2C692&#038;ssl=1\" alt=\"\" class=\"wp-image-15462\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/prodcut-color-almairapro.png?w=278&amp;ssl=1 278w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/prodcut-color-almairapro.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group single-color has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Single Product Color<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For this option Navigate to Appearance > Customize > Color &amp; Background > Single Products color. From this option you can pick color for every single Product elements on Shop page.<\/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\/06\/single-product-color-almaira-pro.png?resize=281%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-15463\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/single-product-color-almaira-pro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/single-product-color-almaira-pro.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 typography-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Typography<\/h2>\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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"378\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/font-subset-almaira-pro.png?resize=292%2C378&#038;ssl=1\" alt=\"\" class=\"wp-image-15436\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/font-subset-almaira-pro.png?w=292&amp;ssl=1 292w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/font-subset-almaira-pro.png?resize=232%2C300&amp;ssl=1 232w\" sizes=\"(max-width: 292px) 100vw, 292px\" \/><\/figure>\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<h4 class=\"wp-block-heading\">Base Typography<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"298\" height=\"246\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/base-typography.png?resize=298%2C246&#038;ssl=1\" alt=\"\" class=\"wp-image-15437\"\/><\/figure>\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>Body \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\n\n\n<li>Title \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\n\n\n<li>Content \u2013 This will set the overall typography of single page from heading H1 to H6.<\/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=\"275\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/body-typography-almaira-pro.png?resize=296%2C275&#038;ssl=1\" alt=\"\" class=\"wp-image-15438\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\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.<\/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=\"651\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/content-typography-almaira-pro.png?resize=284%2C651&#038;ssl=1\" alt=\"\" class=\"wp-image-15439\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/content-typography-almaira-pro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/content-typography-almaira-pro.png?resize=131%2C300&amp;ssl=1 131w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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<h2 class=\"wp-block-heading\">Social icon<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To add social icons in header &amp; footer, just navigate to\u00a0<strong>Appearance > Customizer > Layout > Header > Above Header.\u00a0<\/strong>Select layout > from column choose social media. Same you can do for Footer area.<\/li>\n\n\n\n<li>For adding social profile links, Go to\u00a0<strong>Appearance > Customize > Social icon<\/strong>.<\/li>\n\n\n\n<li>You can show these social icon in the header as well as at the footer. To show social icons just put the links 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=\"283\" height=\"679\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/social-icon-almaira-pro.png?resize=283%2C679&#038;ssl=1\" alt=\"\" class=\"wp-image-15440\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/social-icon-almaira-pro.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/social-icon-almaira-pro.png?resize=125%2C300&amp;ssl=1 125w\" sizes=\"(max-width: 283px) 100vw, 283px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group preloader-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Preloader<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Pre loader, <strong>Go to Appearance > Customizer > Pre Loader<\/strong>.<\/li>\n\n\n\n<li>For enabling the loader, check on the box \u201cEnable loader\u201d. Preloader will be shown when you load or refresh your site. 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=\"294\" height=\"419\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/pre-loader-almiara-shop-doc.png?resize=294%2C419&#038;ssl=1\" alt=\"\" class=\"wp-image-15175\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/pre-loader-almiara-shop-doc.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/07\/pre-loader-almiara-shop-doc.png?resize=211%2C300&amp;ssl=1 211w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group contact-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Contact Template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Contact template option, First you need to Install &amp; activate <a href=\"https:\/\/wordpress.org\/plugins\/lead-form-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Lead form Builder<\/a> plugin then create a Contact form.<\/li>\n\n\n\n<li>Create a page, Go to Dashboard > Pages > Create new page and select Contact template from Page Attributes. After that Navigate to <strong>Appearance > Customize > Contact Template.<\/strong><\/li>\n\n\n\n<li>In contact template, You can add elements like Big heading, small heading, Address, Mobile Number, Email and Working hours. Just add the shortcode of form which you have created using Lead form builder plugin.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/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=\"704\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/contact-us-template-almaira-pro.png?resize=279%2C704&#038;ssl=1\" alt=\"\" class=\"wp-image-15425\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/contact-us-template-almaira-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/contact-us-template-almaira-pro.png?resize=119%2C300&amp;ssl=1 119w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group about-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">About us Template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For about us template option, Create a page, Go to Dashboard > Pages > Create new page and select About us template from Page Attributes. After that Navigate to <strong>Appearance > Customize > About us Template.<\/strong><\/li>\n\n\n\n<li>In about us template, You can add elements like Services content, Introduction content, testimonial content &amp; counter content.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/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=\"688\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/about-us-template-almaira-pro.png?resize=279%2C688&#038;ssl=1\" alt=\"\" class=\"wp-image-15426\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/about-us-template-almaira-pro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/about-us-template-almaira-pro.png?resize=122%2C300&amp;ssl=1 122w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group faq-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Faq Template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Faq template option, Create a page, Go to Dashboard > Pages > Create new page and select Faq template from Page Attributes. After that Navigate to <strong>Appearance > Customize > Faq Template<\/strong><\/li>\n\n\n\n<li>In Faq template, You can add elements like Title &amp; Text by adding New Faq.<\/li>\n\n\n\n<li>You can also pick color &amp; background for each element.<\/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=\"426\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/faq-template-almaira-pro.png?resize=295%2C426&#038;ssl=1\" alt=\"\" class=\"wp-image-15427\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/faq-template-almaira-pro.png?w=295&amp;ssl=1 295w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/faq-template-almaira-pro.png?resize=208%2C300&amp;ssl=1 208w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group Team-template has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Team Template<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Team template option, Create a page, Go to Dashboard > Pages > Create new page and select Team template from Page Attributes. After that Navigate to <strong>Appearance > Customize > Team Template.<\/strong><\/li>\n\n\n\n<li>In Team template, You can add elements like team content and No. of team member to show on your page.<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"293\" height=\"595\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/team-template-almaira-pro.png?resize=293%2C595&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\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<h2 class=\"wp-block-heading\">WooCommerce<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For WooCommerce setting. Go to <strong>Appearance > Customize > WooCommerce. <\/strong>. First Setup your WooCommerce. Go to your WP dashboard, Install WooCommerce plugin from WordPress.org and activate it.<\/li>\n\n\n\n<li>To create Pages, Navigate to this<a href=\"https:\/\/themehunk.com\/docs\/how-to-create-woocommerce-pages\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Doc<\/a>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"299\" height=\"445\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/woocommerce-almaiar-pro.png?resize=299%2C445&#038;ssl=1\" alt=\"\" class=\"wp-image-15430\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/woocommerce-almaiar-pro.png?w=299&amp;ssl=1 299w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/woocommerce-almaiar-pro.png?resize=202%2C300&amp;ssl=1 202w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group product-style has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Product Style<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In product style, add Product Image Hover Style effect as Zoom or Swap.<\/li>\n\n\n\n<li>Zoom \u2013 It is a kind of basic magnify effect on your product, it will zoom out your product while hovering the mouse over it.<\/li>\n\n\n\n<li>Swap \u2013 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.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group quick-view has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Enable Quick View &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">By enabling quick view it will add a Quick view badge to the product image and will show a popup on its click instead of redirecting a visitor to the product single page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Box shadow<\/strong> \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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Box shadow on Hover<\/strong> \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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Product Content Alignment &#8211;&nbsp;<\/strong>You can align the whole Product content in Left, Right and Center.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"661\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-style-almaira-pro-theme.png?resize=279%2C661&#038;ssl=1\" alt=\"product style almaira pro theme\" class=\"wp-image-18096\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-style-almaira-pro-theme.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/product-style-almaira-pro-theme.png?resize=127%2C300&amp;ssl=1 127w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group single-product has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Single Product Page<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can set up your single product. For single product, Go to<strong> Appearance > Customize > WooCommerce > Single Product Page <\/strong>.<\/li>\n\n\n\n<li><strong>Disable Sidebar in single product page<\/strong> &#8211; You can disable or enable sidebar on your single product page.<\/li>\n\n\n\n<li><strong>Product Description Tab<\/strong> &#8211; You can Disable or Enable the Product description tab from product single page.<\/li>\n\n\n\n<li><strong>Product Tab Layout<\/strong> \u2013 You can show your product short description in horizontal or vertical view in tablet &amp; mobile devices.<\/li>\n\n\n\n<li><strong>Floating Cart<\/strong> &#8211; Using this option you can directly jump to your cart. It will make your customer easy to buy any product.<\/li>\n\n\n\n<li><strong>Up Sell Product<\/strong> &#8211; 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><strong>Related Product<\/strong> &#8211; 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=\"280\" height=\"697\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/single-product-page-almaira-pro.png?resize=280%2C697&#038;ssl=1\" alt=\"\" class=\"wp-image-15432\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/single-product-page-almaira-pro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/single-product-page-almaira-pro.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group cart-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Distraction Free Cart page<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Enable distraction free cart page, Just go to <strong>Appearance > Customize > WooCommerce > Cart Page<\/strong> and Click on the check box. With this option the menu in the header and the footer of the website disappears from the cart page. You can also set the number of Cross Sell Product to show with columns.<br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"359\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/cart-page-almaira-pro.png?resize=297%2C359&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group checkout-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Distraction Free Checkout page<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To Enable distraction free checkout page, Just go to <strong>Appearance > Customize > WooCommerce > Checkout Page<\/strong> and Click on the check box. With this option the menu in the header and the footer of the website disappears from the checkout page.<br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"196\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/06\/checkout-page-almaira-pro.png?resize=292%2C196&#038;ssl=1\" alt=\"\"><\/li>\n<\/ul>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Installing Theme For our Almaira theme, you need to install the required plugin &#8211; Woocommerce Woocommerce plugin is a free e-commerce plugin which allows you to sell anything online.To install this plugin- YITH Woocommerce wishlist This plugin will allow you to add wishlist functionality to e-commerce.To install this plugin- YITH WooCommerce Compare This plugin will [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-14616","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\/14616","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":4,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/14616\/revisions"}],"predecessor-version":[{"id":69143,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/14616\/revisions\/69143"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=14616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}