{"id":14252,"date":"2019-04-12T17:52:26","date_gmt":"2019-04-12T12:22:26","guid":{"rendered":"https:\/\/themehunk.com\/?post_type=docs&#038;p=14252"},"modified":"2024-07-03T18:05:48","modified_gmt":"2024-07-03T12:35:48","slug":"bevro-wordpress-theme","status":"publish","type":"docs","link":"https:\/\/themehunk.com\/fr\/docs\/bevro-wordpress-theme\/","title":{"rendered":"Bevro 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>Login to your WP dashboard.<\/li>\n\n\n\n<li>Go to <strong>\u201cAppearance &gt; Themes\u201d<\/strong>.<\/li>\n\n\n\n<li>Click on \u201cAdd New\u201d button and Search <strong>\u201d Bevro \u201d<\/strong>.<\/li>\n\n\n\n<li>Install Bevro and Activate it.<\/li>\n\n\n\n<li>Or you can also add the theme zip file. Just click on the \u201cUpload theme\u201d button. After that install and activate it.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1573\" height=\"658\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/bevro-install.png?resize=1573%2C658&#038;ssl=1\" alt=\"bevro install\" class=\"wp-image-14330\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/bevro-install.png?w=1573&amp;ssl=1 1573w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/bevro-install.png?resize=300%2C125&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/bevro-install.png?resize=768%2C321&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/bevro-install.png?resize=1024%2C428&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\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\">How to Install Bevro Pro Plugin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Installing Bevro Pro Plugin in your WordPress dashboard, follow the instructions mentioned below \u2013<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Signup to member\u2019s area. Choose your desired plan from here &amp; Register. If you have already signed up Login to your Account.<\/li>\n\n\n\n<li>Now Download Bevro Pro Plugin zip file and Install it in your WP dashboard.<\/li>\n\n\n\n<li>Activate the Plugin.<\/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<ul class=\"wp-block-list\">\n<li>Follow this video and learn to Import demo data in Bevro theme.<\/li>\n<\/ul>\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 Bevro Pro theme | Bevro Theme | WordPress | ThemeHunk\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/yUj-3fxHh6c?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 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\n\n\n<ul class=\"wp-block-list\">\n<li>To create the menu in Bevro, just follow the below instructions \u2013<\/li>\n\n\n\n<li>Go to <strong>Appearance &gt; Menus &gt; Create a new menu.<\/strong> Add a menu name. Select the menu you want to add to your menu.<\/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>Create a menu and select the display location as \u201cMain header menu\u201d. This will display menu on Main Header.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Header Menu<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header Above Menu \u2013 Create a menu and select the display location as \u201cHeader above menu\u201d.<\/li>\n\n\n\n<li>Header Below Menu \u2013 Create a menu and select the display location as \u201cHeader below menu\u201d.<\/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>Footer Above Menu \u2013 Create a menu and select the display location as \u201cFooter above menu\u201d.<\/li>\n\n\n\n<li>Footer Below Menu \u2013 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\" decoding=\"async\" width=\"1571\" height=\"708\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-setting-bevro-doc.png?resize=1571%2C708&#038;ssl=1\" alt=\"\" class=\"wp-image-14357\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-setting-bevro-doc.png?w=1571&amp;ssl=1 1571w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-setting-bevro-doc.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-setting-bevro-doc.png?resize=768%2C346&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-setting-bevro-doc.png?resize=1024%2C461&amp;ssl=1 1024w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group post-format has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">How to add Post format<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Post Format, Go to <strong>Dashboard &gt; Post &gt; Add new post.<\/strong> You can find Post format in the right-hand column of post editor. You can switch on different post formats from a set list. Just simply pick which formats suit your site best. Post format list consists of:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Aside<\/strong>: Use this for posts to remove post title.<\/li>\n\n\n\n<li><strong>Gallery<\/strong>: A post containing a gallery of images.<\/li>\n\n\n\n<li><strong>Link<\/strong>: A simple link to an external site.<\/li>\n\n\n\n<li><strong>Quote<\/strong>: A quoted block of text, usually with attribution to a quote\u2019s author.<\/li>\n\n\n\n<li><strong>Audio<\/strong>: An audio file or playlist.<\/li>\n\n\n\n<li><strong>Video<\/strong>: A post that has one, or several, videos. The WordPress codex also points out that a single URL may indicate the source of a video, rather than an embedded video.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1599\" height=\"719\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/post-formats-bevro-blog.png?resize=1599%2C719&#038;ssl=1\" alt=\"\" class=\"wp-image-14334\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/post-formats-bevro-blog.png?w=1599&amp;ssl=1 1599w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/post-formats-bevro-blog.png?resize=300%2C135&amp;ssl=1 300w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/post-formats-bevro-blog.png?resize=768%2C345&amp;ssl=1 768w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/post-formats-bevro-blog.png?resize=1024%2C460&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>1. <strong>Logo<\/strong>&#8211;<br>You can upload a logo image here. Click on \u201cSelect logo\u201d option. Upload the logo image.<\/li>\n\n\n\n<li>2. <strong>Retina Logo-<\/strong><br>Retina logo is same as the size of normal logo. For example: If the normal logo is 100\u00d7100 pixels in size, then the retina logo image would need to be 200\u00d7200 pixels in size. Retina logo is best suitable for high definition screens, so that your logo won\u2019t look blurred.<\/li>\n\n\n\n<li>3. <strong>Logo Width-<\/strong><br>You can adjust the width of the logo by increasing or decreasing the scrollbar.<\/li>\n\n\n\n<li>4. <strong>Site Title &amp; Tagline-<\/strong><br>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>5.<strong> Site Icon-<\/strong><br>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=\"281\" height=\"694\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-identity-bevro.png?resize=281%2C694&#038;ssl=1\" alt=\"site identity bevro\" class=\"wp-image-14337\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-identity-bevro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-identity-bevro.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 container-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Container<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Container Setting, Go to <strong>Appearance &gt; Customizer &gt; Layout Setting &gt; Container.<\/strong><br>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><strong>Container Width<\/strong> \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=\"280\" height=\"645\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/container-bevro.png?resize=280%2C645&#038;ssl=1\" alt=\"\" class=\"wp-image-14339\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/container-bevro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/container-bevro.png?resize=130%2C300&amp;ssl=1 130w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group site-styles has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Site Styles (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For site styles, Go to <strong>Dashboard &gt; Appearance &gt; Customize &gt; Layout &gt; Container &gt; Site Styles<\/strong>.<br>You can manage the overall layout of site using site styles. When you select any Site style layout, that layout will be applied outside the Body of your site.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Wide Site Layout &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Your entire site is consist of Main Body which includes content, header, footer &amp; sidebar and the container which only includes the site content &amp; sidebar. In wide site layout the main body goes with the edge to edge of the browser whereas the content &amp; sidebar is managed by the container width.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Container Width \u2013<\/strong> 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<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">2. Max Width Site Layout &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In max width site layout, the main body is set to a certain width which includes the content, header, footer &amp; sidebar whereas the container max width can be managed.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Container Width \u2013<\/strong> 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<h4 class=\"wp-block-heading\">3. Padded Site Layout &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In Padded site layout you can set padding in the website outside edges. The content will take the full width whereas the header &amp; footer width can be changed from Container width. Padding remains constant while scrolling your site. You can manage the Top, bottom, left, right padding.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Container Width \u2013<\/strong> 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>Space Outside Body \u2013<\/strong> Using this option you can add padding in your site. Just put the value in the text area and manage the top,bottom, left &amp; right padding.<\/li>\n\n\n\n<li><strong>Box Shadow \u2013<\/strong> You can enable or disable shadow outside the body of your site.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">4. End to End Site Layout &#8211;<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In End to End site Layout your site will take the edge to edge full width including the header, content, sidebar, and footer for all screen sizes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Page Right\/Left Padding \u2013<\/strong> You can manage the padding in the left &amp; right side of your site edges.<\/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=\"335\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-styles-bevro-doc.png?resize=284%2C335&#038;ssl=1\" alt=\"\" class=\"wp-image-14350\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-styles-bevro-doc.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-styles-bevro-doc.png?resize=254%2C300&amp;ssl=1 254w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/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<p class=\"wp-block-paragraph\">For header setting, Go to <strong>Appearance &gt; Customizer &gt; Layout Setting &gt; Header.<\/strong><br><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/header-bevro.png?resize=297%2C258&#038;ssl=1\" alt=\"\" width=\"297\" height=\"258\"><\/p>\n\n\n\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=\"280\" height=\"637\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-header-bevro.png?resize=280%2C637&#038;ssl=1\" alt=\"\" class=\"wp-image-14343\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-header-bevro.png?w=280&amp;ssl=1 280w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-header-bevro.png?resize=132%2C300&amp;ssl=1 132w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/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 link.<\/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><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>Enable Full Width Header<\/strong> \u2013 This will show your Header in Full Width area.<\/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>Mobile Header Alignment<\/strong> \u2013 Display your header as a stack or inline aligned for mobile devices.<\/li>\n\n\n\n<li><strong>Color scheme<\/strong> \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=\"281\" height=\"692\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/main-header-bevro.png?resize=281%2C692&#038;ssl=1\" alt=\"\" class=\"wp-image-14345\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/main-header-bevro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/main-header-bevro.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 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=\"281\" height=\"653\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-header-bevro.png?resize=281%2C653&#038;ssl=1\" alt=\"\" class=\"wp-image-14347\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-header-bevro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-header-bevro.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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 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><strong>Enable Front Page Header Transparent<\/strong> &#8211; Check the box and enable transparent header. This will display a transparent header on the Front Page.<\/li>\n\n\n\n<li><strong>Enable Internal Pages Header Transparent<\/strong> &#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=\"294\" height=\"230\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/transparent-header-bevro.png?resize=294%2C230&#038;ssl=1\" alt=\"\" class=\"wp-image-14348\"\/><\/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 (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For sticky header, Go to Customize &gt; Layout &gt; Header &gt; Sticky header. 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 pages.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Stick Above Header &#8211;<\/strong> This option will enable Sticky Header in your Above header. For enabling this option, check the box.<\/li>\n\n\n\n<li><strong>Stick Main Header &#8211;<\/strong> This option will enable Sticky Header in your Main header. For enabling this option, check the box.<\/li>\n\n\n\n<li><strong>Stick Below Header &#8211;<\/strong> This option will enable Sticky Header in your below 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=\"295\" height=\"217\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sticky-header-bevro.png?resize=295%2C217&#038;ssl=1\" alt=\"\" class=\"wp-image-14368\"\/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group menu-style has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Menu Style (Pro)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Go to Customizer &gt; Layout &gt; Header &gt; Menu Style. In Menu style you can align your Menu items add special effects in them with color.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Menu Alignment \u2013<\/strong> You can align your Menu items in left, right and center positions. Just select the desired position by clicking the bar.<\/li>\n\n\n\n<li><strong>Link Effect \u2013<\/strong> There are total 8 link effects which will help you to highlight your menu items. Whenever you hover your mouse on the item or click on the menu, the selected effect will be shown. By default, \u201cNo effect\u201d has been set. You can also pick a color for your effect from \u201cLink Effect Color\u201d option.<\/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=\"375\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-style-bevro-doc.png?resize=297%2C375&#038;ssl=1\" alt=\"\" class=\"wp-image-14371\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-style-bevro-doc.png?w=297&amp;ssl=1 297w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/menu-style-bevro-doc.png?resize=238%2C300&amp;ssl=1 238w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/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<h3 class=\"wp-block-heading\">Sidebar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Sidebar setting, Go to Appearance &gt; Customizer &gt; 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><strong>Default Layout<\/strong> \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><strong>Sidebar Width (%)<\/strong> &#8211; You can adjust the width of sidebar by increasing or decreasing the scroll bar.<\/li>\n\n\n\n<li><strong>Sticky Sidebar (Pro) &#8211; By enabling the sticky sidebar, your sidebar will scroll down with the content whenever you scroll the site.<\/strong><\/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=\"683\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-bevro.png?resize=276%2C683&#038;ssl=1\" alt=\"\" class=\"wp-image-14359\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-bevro.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-bevro.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-archive has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">Blog<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Blog setting, Go to Appearance &gt; Customizer &gt; 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<h4 class=\"wp-block-heading\">Blog Archive<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Grid Layout<\/strong> \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><strong>Grid Layout<\/strong> (Pro) &#8211; Select the number of columns (up to 4) to display your blog posts. You can highlight the First Post &amp; Sixth Post. If you want to show your blog post in Masonry grid layout, enable the Masonry Effect to show blog posts.<\/li>\n\n\n\n<li><strong>Right-Align Content blog layout<\/strong> (Pro) &#8211; In this layout, you can show Blog post content in the \u201cright side\u201d and featured image in \u201cleft side\u201d. As shown in the below image.<\/li>\n\n\n\n<li><strong>Left-Align Content blog layout<\/strong> (Pro) &#8211; In this layout, you can show Blog post content in the \u201cleft side\u201d and featured image in \u201cright side\u201d. As shown in the below image.<\/li>\n\n\n\n<li><strong>Zig-Zag blog layout<\/strong> (Pro) &#8211; In this layout you can show your blog posts in Zig-Zag format with content and featured image just like the below image.<\/li>\n\n\n\n<li><strong>Enable Masonry Effect<\/strong> (Pro) &#8211; A masonry layout is based on columns that display your posts vertically. It will cover all the space and show your post images and content. Width and height are not fixed in Masonry Effect. You can enable this option in Grid Layout. (Layout 1)<\/li>\n\n\n\n<li><strong>Add Space Between Post<\/strong> &#8211; Check this option and add space between two blog posts.<\/li>\n\n\n\n<li><strong>Remove Featured Image Space<\/strong> &#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><strong>Enable Date Box<\/strong> &#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><strong>Enable Drop Cap<\/strong> &#8211; You can enable drop cap in your paragraph.<\/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>Post Pagination<\/strong> &#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><strong>Blog Structure<\/strong> &#8211; You can enable or disable \u201cFeatured Image\u201d and \u201cPost Title &amp; Meta\u201d.<\/li>\n\n\n\n<li><strong>Blog Meta<\/strong> &#8211; You can disable or enable the following elements, These options will work for each post in a page-\n<ul class=\"wp-block-list\">\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<\/ul>\n<\/li>\n\n\n\n<li><strong>Post Meta Separator<\/strong> &#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><strong>Blog Content Width<\/strong> &#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>Outside Space &amp; Inside Space<\/strong> (Pro) &#8211; Add outside &amp; inside space in blog post by adding padding &amp; margin in them. Outside space will add margin in top, bottom, left &amp; right side. Whereas inside space will add padding in top, bottom, left &amp; right side. You can add margin &amp; padding in PX, Em or percentage.<\/li>\n\n\n\n<li><strong>Note \u2013<\/strong> 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.<\/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=\"684\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-bevro-doc.png?resize=282%2C684&#038;ssl=1\" alt=\"\" class=\"wp-image-14373\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-bevro-doc.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-bevro-doc.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 single-post has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Single Post<\/h4>\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><strong>Single Post Content Width<\/strong> &#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><strong>Single Post Structure<\/strong> &#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><strong>Single Post Meta<\/strong> &#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><strong>Meta Separator<\/strong>&#8211; 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><strong>Enable Drop Cap<\/strong> \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><strong>Remove Featured Image Padding<\/strong> &#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><strong>Display Author Info<\/strong> &#8211; Check the box, Show the \u201cAuthor bio\u201d in a single post.<\/li>\n\n\n\n<li><strong>Display Related Post<\/strong> &#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\n\n\n<li><strong>Enable Share Icon<\/strong> (Pro) &#8211; Enable or disable the \u201cShare icon\u201d in your post. So that you can easily share your post on desired social media.<\/li>\n\n\n\n<li><strong>Inside Space<\/strong> (Pro) &#8211; Add inside space in blog post by adding padding &amp; margin in them.<\/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=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-bevro-doc.png?resize=279%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-14376\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-bevro-doc.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-bevro-doc.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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<h3 class=\"wp-block-heading\">Footer<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"259\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/footer-bevro-doc.png?resize=296%2C259&#038;ssl=1\" alt=\"\" class=\"wp-image-14386\"\/><\/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 in Pro version, 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<h4 class=\"wp-block-heading\">Above Footer<\/h4>\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\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Space Above Footer<\/strong> (Pro) &#8211; Using this option you can add \u201ctop &amp; bottom space\u201d in your above footer. This will separate the Above footer from the content area and footer widget area.<\/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=\"699\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-footer-bevro-doc.png?resize=282%2C699&#038;ssl=1\" alt=\"\" class=\"wp-image-14388\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-footer-bevro-doc.png?w=282&amp;ssl=1 282w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/above-footer-bevro-doc.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 footer-widget has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Footer widget<\/h4>\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><strong>Content width<\/strong> \u2013 It will take the width of the content area which you have set in the container width.<\/li>\n\n\n\n<li><strong>Full width<\/strong> \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\n\n\n<li><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.<\/li>\n\n\n\n<li><strong>Footer Widget Top\/Bottom Padding<\/strong> (Pro) &#8211; You can add \u201cPadding\u201d in Top and Bottom side of your footer widget.<\/li>\n\n\n\n<li><strong>Widget Spacing<\/strong> (Pro) &#8211; You can add \u201cSpacing\u201d in Top and bottom of footer widget.<\/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=\"677\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/widget-footer-bevro-doc.png?resize=283%2C677&#038;ssl=1\" alt=\"\" class=\"wp-image-14390\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/widget-footer-bevro-doc.png?w=283&amp;ssl=1 283w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/widget-footer-bevro-doc.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 below-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Below Footer (Pro)<\/h4>\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<ul class=\"wp-block-list\">\n<li>Space Below Footer (Pro) &#8211; Using this option you can add \u201ctop &amp; bottom space\u201d in your below footer. This will separate the Below footer from the footer widget area.<\/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=\"689\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-footer-bevro-doc.png?resize=279%2C689&#038;ssl=1\" alt=\"\" class=\"wp-image-14391\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-footer-bevro-doc.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/below-footer-bevro-doc.png?resize=121%2C300&amp;ssl=1 121w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-footer has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sticky Footer (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Your footer will simply attach to the bottom of your screen. Click on the bar to see the footer content.<\/p>\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<h3 class=\"wp-block-heading\">Scroll to Top<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For Scroll to Top, Go to <strong>Appearance &gt; Customize &gt; 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><strong>Position<\/strong> \u2013 You can select position of button.<\/li>\n\n\n\n<li><strong>Icon Color<\/strong> \u2013 Pick desired icon color for your button.<\/li>\n\n\n\n<li><strong>Icon Background Color<\/strong> \u2013 Pick desired color for your button background.<\/li>\n\n\n\n<li><strong>Icon background Radius<\/strong> \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><strong>Icon Hover Color<\/strong> \u2013 Set the hover color of icon when you put mouse over it this color will display.<\/li>\n\n\n\n<li><strong>Icon Background Hover Color<\/strong> \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=\"277\" height=\"690\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/scroll-to-top-bevro-doc.png?resize=277%2C690&#038;ssl=1\" alt=\"\" class=\"wp-image-14394\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/scroll-to-top-bevro-doc.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/scroll-to-top-bevro-doc.png?resize=120%2C300&amp;ssl=1 120w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/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<\/section>\n\n\n\n<section class=\"wp-block-group global-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Global colors<\/h4>\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=\"279\" height=\"666\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/global-color-bevro-doc.png?resize=279%2C666&#038;ssl=1\" alt=\"\" class=\"wp-image-14397\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/global-color-bevro-doc.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/global-color-bevro-doc.png?resize=126%2C300&amp;ssl=1 126w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group hamburger-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Hamburger Colors<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For Hamburger Colors option Navigate to <strong>Appearance &gt; Customize &gt; Color &amp; Background &gt; Hamburger Colors.<\/strong> Hamburger icon will be shown when you select \u201cLayout 7\u201d or \u201cLayout 8\u201d in your Main header.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color \u2013<\/strong> You can pick the any desired Background Color of your hamburger icon background.<\/li>\n\n\n\n<li><strong>Border Color \u2013<\/strong> You can add border color in your hamburger icon.<\/li>\n\n\n\n<li><strong>Icon Color \u2013<\/strong> Pick color for the hamburger icon using this option.<\/li>\n\n\n\n<li><strong>Border Radius \u2013<\/strong> Using Border Radius option you add desired radius.<\/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=\"438\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/hamburger-color-bevro-doc.png?resize=291%2C438&#038;ssl=1\" alt=\"\" class=\"wp-image-14399\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/hamburger-color-bevro-doc.png?w=291&amp;ssl=1 291w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/hamburger-color-bevro-doc.png?resize=199%2C300&amp;ssl=1 199w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Header Colors (Pro)<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"258\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/header-color-bevro.png?resize=296%2C258&#038;ssl=1\" alt=\"\" class=\"wp-image-14401\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Header. You can pick color for your overall header which includes \u201cMain Header\u201d, \u201cAbove &amp; Below header\u201d.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Above Header \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your above header background or you can upload image there.<\/li>\n\n\n\n<li><strong>Above Header Menu<\/strong> \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><strong>Above Header Sub Menu<\/strong> \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><strong>Above Header Content<\/strong> \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<h5 class=\"wp-block-heading\">Main Header \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Site Title<\/strong> \u2013 Pick color for your site title, title Hovered Color and Tagline. To display your Site Title from Appearance &gt; Customizer &gt; Site Identity.<\/li>\n\n\n\n<li><strong>Background Color &amp; Image<\/strong> \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><strong>Main Header Content<\/strong> \u2013 Pick color header text, link and hovered link. These will be applied for Main Header Content only.<\/li>\n\n\n\n<li><strong>Main Menu<\/strong> \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<h5 class=\"wp-block-heading\">Below Header \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your Below header background or you can upload image there.<\/li>\n\n\n\n<li><strong>Below Header Content Color<\/strong> \u2013 Pick color for link, hovered link and Hovered Background Color. These will be applied for Below header content items only.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Mobile\/Pan Color \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your Mobile\/Pan background or you can upload image there.<\/li>\n\n\n\n<li><strong>Mobile\/Pan Content Color<\/strong> \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<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"575\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/header-color-option-bevro.png?resize=276%2C575&#038;ssl=1\" alt=\"\" class=\"wp-image-14402\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/header-color-option-bevro.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/header-color-option-bevro.png?resize=144%2C300&amp;ssl=1 144w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group sticky-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sticky Header Colors (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">You can do all the above setting for Sticky Header too. For setting up Sticky Header color, Go to Appearance &gt; Customize &gt; Color &amp; Background &gt; Sticky Header.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group content-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Content Colors (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Content. From this option you can pick for your overall Content of site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content Background Color &amp; Image<\/strong> \u2013 Pick color for your content background or you can upload image there. This will be only applied when you select Boxed or Content Boxed Layout in your Container setting while in the other two layouts you\u2019ll not see any change.<\/li>\n\n\n\n<li><strong>Heading<\/strong> \u2013 You can pick color for each and every heading tag present in your site from Heading 1 (H1) to Heading 6 (H6) tag.<\/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=\"652\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/content-color-bevro-1.png?resize=281%2C652&#038;ssl=1\" alt=\"\" class=\"wp-image-14408\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/content-color-bevro-1.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/content-color-bevro-1.png?resize=129%2C300&amp;ssl=1 129w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Blog Colors (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Blog\/Archive. From this option you can pick color for posts on blog pages and archive pages items of your site.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Blog \/Archive Post \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Blog Archive Post Title Color<\/strong> \u2013 Pick color for Post title in blog archive page.<\/li>\n\n\n\n<li><strong>Blog Post Meta Color<\/strong> \u2013 Pick color for Post Meta of blog page.<\/li>\n\n\n\n<li><strong>Blog Post Meta Link Color<\/strong> \u2013 Pick color for Post Meta link in blog page.<\/li>\n\n\n\n<li><strong>Blog Post Meta Link Hover Color<\/strong> \u2013 Pick color for Post Meta hovered link in blog page.<\/li>\n\n\n\n<li><strong>Blog Post Content Color<\/strong> \u2013 Pick color for Blog Post Content of blog page.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Date \u2013<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">First you have to enable \u201cDate box\u201d from Appearance &gt; Customize &gt; Layout &gt; Blog. You can pick Date box background color and Date text color.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Drop Cap \u2013<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">First you have to enable \u201cDrop Cap\u201d from Appearance &gt; Customize &gt; Layout &gt; Blog. You can pick Drop Cap color from here.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"284\" height=\"670\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-colors-bevro.png?resize=284%2C670&#038;ssl=1\" alt=\"\" class=\"wp-image-14410\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-colors-bevro.png?w=284&amp;ssl=1 284w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/blog-colors-bevro.png?resize=127%2C300&amp;ssl=1 127w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group single-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Single Post\/Pages (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Single Post\/Pages. From this option you can pick color for single post\/page items of your site.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Single Post\/Pages \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Single Post\/Pages Title Color<\/strong> \u2013 Pick color for Post title in Single blog page.<\/li>\n\n\n\n<li><strong>Meta Color<\/strong> \u2013 Pick color for Post Meta of blog page.<\/li>\n\n\n\n<li><strong>Meta Link Color<\/strong> \u2013 Pick color for Post Meta link in Single blog page.<\/li>\n\n\n\n<li><strong>Meta Link Hover Color<\/strong> \u2013 Pick color for Post Meta hovered link in Single blog page.<\/li>\n\n\n\n<li><strong>Content Color<\/strong> \u2013 Pick color for Blog Post Content of Single blog page.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Share Icon \u2013<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Pick desired color for Share Icon. First you have to enable \u201cShare Icon\u201d from Appearance &gt; Customize &gt; Layout &gt; Single Post &gt; Check the box \u201cEnable Share Icon\u201d.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Post Pagination \u2013<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">By post pagination option you can go with upcoming post or previous post. You can pick color of Post pagination text and hover text color.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Drop Cap \u2013<\/h5>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"279\" height=\"675\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-color-bevro-doc.png?resize=279%2C675&#038;ssl=1\" alt=\"\" class=\"wp-image-14413\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-color-bevro-doc.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/single-post-color-bevro-doc.png?resize=124%2C300&amp;ssl=1 124w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pick Drop Cap color from here. First you have to enable \u201cDrop Cap\u201d from Appearance &gt; Customize &gt; Layout &gt; Single Post &gt; Check the box \u201cDrop Cap\u201d.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sidebar Colors (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Sidebar. From this option you can pick color for Sidebar elements of your site.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your Sidebar Content background area or you can upload image there. This will be only applied in sidebar area.<\/li>\n\n\n\n<li><strong>Widget Title Color<\/strong> \u2013 Pick color for title of widget, you\u2019ll select for your sidebar.<\/li>\n\n\n\n<li><strong>Text Color<\/strong> \u2013 Pick color for the text of your sidebar text.<\/li>\n\n\n\n<li><strong>Link Color<\/strong> \u2013 Pick color of link in sidebar.<\/li>\n\n\n\n<li><strong>Link Hover Color<\/strong> \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=\"281\" height=\"661\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-color-bevro.png?resize=281%2C661&#038;ssl=1\" alt=\"\" class=\"wp-image-14415\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-color-bevro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/sidebar-color-bevro.png?resize=128%2C300&amp;ssl=1 128w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Footer Colors (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this option Navigate to Appearance &gt; Customize &gt; Color &amp; Background &gt; Header. You can pick color for your overall Footer which includes \u201cFooter Widget\u201d, \u201cAbove &amp; Below Footer\u201d.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Above Footer \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your Above Footer background or you can upload image there.<\/li>\n\n\n\n<li><strong>Above Footer Content Color<\/strong> \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<h5 class=\"wp-block-heading\">Footer Widget \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your Footer Widget background or you can upload image there. You can choose widgets from Appearance &gt; Customize &gt; Layout &gt; Footer Widget.<\/li>\n\n\n\n<li><strong>Above Footer Content Color<\/strong> \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<h5 class=\"wp-block-heading\">Below Footer \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background Color &amp; Image<\/strong> \u2013 Pick color for your below Footer background or you can upload image there.<\/li>\n\n\n\n<li><strong>Above Footer Content Color<\/strong> \u2013 Pick color for Text, link and hovered link. These will be applied for below Footer content items only.<\/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=\"588\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/footer-color-bevro.png?resize=276%2C588&#038;ssl=1\" alt=\"\" class=\"wp-image-14418\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/footer-color-bevro.png?w=276&amp;ssl=1 276w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/footer-color-bevro.png?resize=141%2C300&amp;ssl=1 141w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-colors has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">WooCommerce Colors (Pro)<\/h4>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"306\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/woo-color-bevro.png?resize=294%2C306&#038;ssl=1\" alt=\"\" class=\"wp-image-14423\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/woo-color-bevro.png?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/woo-color-bevro.png?resize=288%2C300&amp;ssl=1 288w\" sizes=\"(max-width: 294px) 100vw, 294px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can pick Color &amp; Background for your WooCommerce pages from here. To create WooCommerce pages go with this Doc. For WooCommerce Color &amp; Background setting, Go to Appearance &gt; Customize &gt; Color &amp; Background &gt; WooCommerce.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Product \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Background<\/strong> \u2013 You can pick color for Product Background area on shop page.<\/li>\n\n\n\n<li><strong>Title<\/strong> \u2013 You can pick color for product title in shop page.<\/li>\n\n\n\n<li><strong>Category<\/strong> \u2013 You can pick color for Product category in shop page.<\/li>\n\n\n\n<li><strong>Rating<\/strong> \u2013 You can pick color for Product Rating in shop page.<\/li>\n\n\n\n<li><strong>Price<\/strong> \u2013 You can pick color for Product Price in shop page.<\/li>\n\n\n\n<li><strong>Description<\/strong> \u2013 You can pick color for Product Description in shop page.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Sale Badge \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background<\/strong> \u2013 You can pick color for Sale Badge Background area.<\/li>\n\n\n\n<li><strong>Text Color<\/strong> \u2013 You can pick color for Sale Badge Text.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Single Product \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Title<\/strong> \u2013 You can pick color for Product Title on Single product page.<\/li>\n\n\n\n<li><strong>Rating<\/strong> \u2013 You can pick color for Product Rating on Single product page.<\/li>\n\n\n\n<li><strong>Price<\/strong> \u2013 You can pick color for Product Price on Single product page.<\/li>\n\n\n\n<li><strong>Content<\/strong> \u2013 You can pick color for Product Content on Single product page.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Button Style \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button Text Color<\/strong> \u2013 You can pick color for Button Text on Shop page and Single product page.<\/li>\n\n\n\n<li><strong>Button Background Color<\/strong> \u2013 You can pick color for Button Background on Shop page and Single product page.<\/li>\n\n\n\n<li><strong>Button Text Hover Color<\/strong> \u2013 You can pick color for Button Hovered text on Shop page and Single product page.<\/li>\n\n\n\n<li><strong>Button Background Hover Color<\/strong> \u2013 You can pick color for Button Hovered Background on Shop page and Single product page.<\/li>\n\n\n\n<li><strong>Button Border Radius<\/strong> \u2013 You can increase or decrease the Border radius of button.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">Dropdown Cart \u2013<\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Background<\/strong> \u2013 You can pick color for dropdown cart background.<\/li>\n\n\n\n<li><strong>Link<\/strong> \u2013 You can pick color of links for dropdown cart.<\/li>\n\n\n\n<li><strong>Link Hover Color<\/strong> \u2013 You can pick color of link hover color for dropdown cart.<\/li>\n\n\n\n<li><strong>Text<\/strong> \u2013 You can pick color of text for dropdown cart.<\/li>\n\n\n\n<li><strong>View Button<\/strong> \u2013 You can pick color of View Button box for dropdown cart.<\/li>\n\n\n\n<li><strong>Checkout Button<\/strong> \u2013 You can pick color of Checkout Button box for dropdown cart.<\/li>\n<\/ul>\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\">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<\/section>\n\n\n\n<section class=\"wp-block-group font-subsets has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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<\/section>\n\n\n\n<section class=\"wp-block-group base-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\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\n\n\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\n\n\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.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group woo-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">WooCommerce Typography (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shop \u2013<\/strong> This panel will work for Woo shop pages. You can add typography in Shop page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Title<\/strong> \u2013 Set typography in the Product title of Shop page.<\/li>\n\n\n\n<li><strong>Product Price<\/strong> \u2013 Set typography in the Product Price of Shop page.<\/li>\n\n\n\n<li><strong>Product Content<\/strong> \u2013 Set typography in the Product Content of Shop page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single Product \u2013<\/strong> This panel will work for Woo shop pages. You can add typography in Shop page.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Product Title<\/strong> \u2013 Set typography in the Product title of Single Product.<\/li>\n\n\n\n<li><strong>Product Price<\/strong> \u2013 Set typography in the Product Price of Single Product.<\/li>\n\n\n\n<li><strong>Product Content<\/strong> \u2013 Set typography in the Product Content of Single Product.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of Shop page and Single product elements.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group header-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Header Typography (Pro)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Above Header \u2013<\/strong> You can set the typography of above header content using this option.<\/li>\n\n\n\n<li><strong>Main Header \u2013<\/strong> You can set the typography of main header content using this option.<\/li>\n\n\n\n<li><strong>Below Header \u2013<\/strong> You can set the typography of below header content using this option.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of Above Header, Main Header and Below Header elements.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group button-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Button Typography (Pro)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can set the typography for site button text. You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of the call to action site buttons.<\/li>\n<\/ul>\n<\/section>\n\n\n\n<section class=\"wp-block-group blog-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Blog Typography (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Blog\/Archive \u2013<\/strong> You can set the typography of Blog\/Archive page content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Blog Title<\/strong> \u2013 Set the typography of blog title in Blog\/Archive page.<\/li>\n\n\n\n<li><strong>Post Meta<\/strong> \u2013 Set the typography of post meta text in Blog\/Archive page.<\/li>\n\n\n\n<li><strong>Content<\/strong> \u2013 Set the typography of content in Blog\/Archive page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Single Page \u2013<\/strong> You can set the typography of Single Page content.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Blog Title<\/strong> \u2013 Set the typography of blog title in Single blog Page.<\/li>\n\n\n\n<li><strong>Post Meta\/Pagination<\/strong> \u2013 Set the typography of post meta text in Single blog Page.<\/li>\n\n\n\n<li><strong>Content<\/strong> \u2013 Set the typography of content in Single blog Page.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note \u2013 You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of Blog\/Archive and Single Page elements.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group sidebar-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Sidebar Typography (Pro)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Widget Title<\/strong> \u2013 Set the typography for Widget Title of sidebar.<\/li>\n\n\n\n<li><strong>Widget Content<\/strong> \u2013 Set the typography for Widget Content of sidebar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note &#8211; You can set the typography for Sidebar. You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of Sidebar elements.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group footer-typography has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\" id=\"footer-typography\">Footer Typography (Pro)<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Above Footer<\/strong> \u2013 You can set the typography of above footer content using this option.<\/li>\n\n\n\n<li><strong>Footer Widget<\/strong> \u2013 You can set the typography of Footer Widget content using this option.<\/li>\n\n\n\n<li><strong>Below Footer<\/strong> \u2013 You can set the typography of below footer content using this option.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Note &#8211; You can set the typography for Footer elements. You can set Font Family, Text Transform, Font-Size, Line-Height and Letter-Spacing of Sidebar elements.<\/p>\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><strong>Button Text Color<\/strong> \u2013 You can pick desired color for your button text.<\/li>\n\n\n\n<li><strong>Button Background Color<\/strong> \u2013 You can choose desired color for your button background.<\/li>\n\n\n\n<li><strong>Button Text Hover Color<\/strong> \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><strong>Button Background Hover Color<\/strong> \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><strong>Button Border Radius<\/strong> \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=\"281\" height=\"649\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-button-bevro.png?resize=281%2C649&#038;ssl=1\" alt=\"\" class=\"wp-image-14378\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-button-bevro.png?w=281&amp;ssl=1 281w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/site-button-bevro.png?resize=130%2C300&amp;ssl=1 130w\" sizes=\"(max-width: 281px) 100vw, 281px\" \/><\/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=\"290\" height=\"387\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/pre-loader-bevro.png?resize=290%2C387&#038;ssl=1\" alt=\"\" class=\"wp-image-14379\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/pre-loader-bevro.png?w=290&amp;ssl=1 290w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/pre-loader-bevro.png?resize=225%2C300&amp;ssl=1 225w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/><\/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=\"277\" height=\"673\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/social-icon-bevro-theme.png?resize=277%2C673&#038;ssl=1\" alt=\"\" class=\"wp-image-15748\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/social-icon-bevro-theme.png?w=277&amp;ssl=1 277w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/social-icon-bevro-theme.png?resize=123%2C300&amp;ssl=1 123w\" sizes=\"(max-width: 277px) 100vw, 277px\" \/><\/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><strong>Icon Font size<\/strong> \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><strong>Icon Radius<\/strong> \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><strong>Icon Color<\/strong> \u2013 Pick any desired color for icon from the color bar.<\/li>\n\n\n\n<li><strong>Icon Border Color<\/strong> \u2013 Using this option you can pick any desired color for icon border.<\/li>\n\n\n\n<li><strong>Icon Hover Color<\/strong> \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><strong>Icon Background Color<\/strong> \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=\"287\" height=\"610\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-icon-bevro.png?resize=287%2C610&#038;ssl=1\" alt=\"\" class=\"wp-image-14381\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-icon-bevro.png?w=287&amp;ssl=1 287w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-icon-bevro.png?resize=141%2C300&amp;ssl=1 141w\" sizes=\"(max-width: 287px) 100vw, 287px\" \/><\/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><strong>Width<\/strong> \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><strong>Height<\/strong> \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><strong>Border Radius<\/strong> \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><strong>Placeholder Font Size<\/strong> \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><strong>Icon Size<\/strong> &#8211; 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><strong>Placeholder Text<\/strong> &#8211; Write your Placeholder Text in the text box.<\/li>\n\n\n\n<li><strong>Search Box Background Color<\/strong> &#8211; Pick desired color for your Search Box Background.<\/li>\n\n\n\n<li><strong>Placeholder Text Color <\/strong>&#8211; Pick desired color for your Placeholder Text.<\/li>\n\n\n\n<li><strong>Border Color<\/strong> &#8211; Pick desired color for your search box Border.<\/li>\n\n\n\n<li><strong>Icon Color<\/strong> &#8211; 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=\"279\" height=\"617\" src=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-box-bevro.png?resize=279%2C617&#038;ssl=1\" alt=\"\" class=\"wp-image-14382\" srcset=\"https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-box-bevro.png?w=279&amp;ssl=1 279w, https:\/\/i0.wp.com\/themehunk.com\/wp-content\/uploads\/2019\/04\/search-box-bevro.png?resize=136%2C300&amp;ssl=1 136w\" sizes=\"(max-width: 279px) 100vw, 279px\" \/><\/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<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<\/section>\n\n\n\n<section class=\"wp-block-group sale-badge has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">On Sale Badge &#8211;<\/h4>\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<\/section>\n\n\n\n<section class=\"wp-block-group cart-setting has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Cart \u2013<\/h4>\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<p class=\"wp-block-paragraph\"><strong>Drop-down Color scheme \u2013<\/strong> Choose desired color scheme for your Drop-down Cart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><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<\/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\">Checkout Page (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For enabling Distraction Free Checkout page, just go to <strong>Appearance &gt; Customize &gt; WooCommerce &gt; Checkout Page<\/strong> and check the box. With this option the menu in the header and the footer of the website disappears on the checkout page.<\/p>\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\">Cart Page (Pro)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For enabling Distraction Free Cart page, just go to <strong>Appearance &gt; Customize &gt; WooCommerce &gt; Cart Page<\/strong> and check the box. With this option the menu in the header and the footer of the website disappears on the cart page. You can also set the number of Cross Sell Product to show with columns.<\/p>\n<\/section>\n\n\n\n<section class=\"wp-block-group shop-page has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Shop page<\/h4>\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><strong>Products per row<\/strong> \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><strong>Rows per page<\/strong> \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><strong>Product Image Hover Style<\/strong> \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><strong>Product Structure<\/strong> \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><strong>Product Content Alignment<\/strong> \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><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.<\/li>\n\n\n\n<li><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.<\/li>\n\n\n\n<li><strong>Enable Quick View<\/strong> &#8211; <strong>(Pro)<\/strong> 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.<\/li>\n\n\n\n<li><strong>Enable Off Canvas Sidebar<\/strong> &#8211; <strong>(Pro)<\/strong> By enabling Off canvas sidebar add WooCommerce widgets like a filter, recent products, category etc in a hidden sidebar. Which will display using the filter button. This option works very well with all the responsive devices too.<\/li>\n<\/ul>\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<\/h4>\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><strong>Content Width<\/strong> \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><strong>Product Content Alignment<\/strong> \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><strong>Product Structure<\/strong> \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><strong>Product Description Tab<\/strong> &#8211; You can show a short description of the product. Write product short description in the product editor.<\/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>Up Sell Product<\/strong> \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><strong>Related Product<\/strong> \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<\/section>\n\n\n\n<section class=\"wp-block-group white-label has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">White Label (Pro)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With White label, you can rename or present your product and take full control over branding. It is mostly used by Agencies and developers who want to make websites for their clients.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For Enabling the setting in your site, Go to Dashboard > Appearance > Bevro Options > White Label Option > Click on \u201cSetting\u201d.<\/li>\n\n\n\n<li>Once you click on the Setting, it will open a panel. In this panel, you can change each and every detail related to product branding. It will replace Bevro theme, Bevro Pro Plugin Name, Screenshot, Agency Author name, Agency Author URL and the Plugin Description.<\/li>\n\n\n\n<li>FYI \u2013 After doing setting in the white label, the whole \u201cSetting panel\u201d will be hidden. If you wish to do any changes in it, just go to Plugin > Bevro plugin, Deactivate it and again Activate. Now you can see the setting panel on your dashboard and make changes in it again.<\/li>\n<\/ul>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Installing Theme How to Install Bevro Pro Plugin For Installing Bevro Pro Plugin in your WordPress dashboard, follow the instructions mentioned below \u2013 Demo Import How to setup Menus Main Menu Header Menu Footer Menu How to add Post format For Post Format, Go to Dashboard &gt; Post &gt; Add new post. You can find [&hellip;]<\/p>\n","protected":false},"author":7288,"featured_media":0,"template":"","meta":{"footnotes":""},"class_list":["post-14252","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\/14252","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\/14252\/revisions"}],"predecessor-version":[{"id":69334,"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/docs\/14252\/revisions\/69334"}],"wp:attachment":[{"href":"https:\/\/themehunk.com\/fr\/wp-json\/wp\/v2\/media?parent=14252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}