{"id":525,"date":"2017-06-20T09:27:41","date_gmt":"2017-06-20T09:27:41","guid":{"rendered":"https:\/\/grooni.com\/docs\/crane\/?page_id=525"},"modified":"2018-02-05T07:20:26","modified_gmt":"2018-02-05T07:20:26","slug":"main-options","status":"publish","type":"page","link":"https:\/\/grooni.com\/docs\/crane\/crane-theme-options\/main-options\/","title":{"rendered":"Main options"},"content":{"rendered":"<h2>Site icon<\/h2>\n<p>A site icon is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Also, it is used as application icon of the mobile device.<\/p>\n<p>A favicon is typically a graphic 512 x 512 pixels (at least) square.<\/p>\n<p>To add a favicon to your site:<\/p>\n<ol>\n<li>Press <strong><code>Upload<\/code><\/strong>\u00a0button<\/li>\n<li>Select file from media library or upload it from the device by opening <code><strong>Upload Files<\/strong><\/code>\u00a0tab<\/li>\n<\/ol>\n<h2>Wide layout<\/h2>\n<ul>\n<li>With the help of this setting, you can set the content width on the website If &#8220;wide layout&#8221; is set to \u201con\u201d the container width will be the same as the width of the screen. Padding setting adjustment will be shown below.<br \/>\n <img loading=\"lazy\" class=\"aligncenter size-full wp-image-532\" src=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/wide-layout.jpeg\" alt=\"wide layout\" width=\"1920\" height=\"966\" srcset=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/wide-layout.jpeg 1920w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/wide-layout-300x151.jpeg 300w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/wide-layout-768x386.jpeg 768w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/wide-layout-1024x515.jpeg 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<li>If &#8220;wide layout&#8221; is set to \u201coff\u201d the container width will be fixed. A setting for width adjustment will be shown below<br \/>\n <img loading=\"lazy\" class=\"aligncenter size-full wp-image-533\" src=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/boxed-layout.jpeg\" alt=\"boxed layout\" width=\"1920\" height=\"966\" srcset=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/boxed-layout.jpeg 1920w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/boxed-layout-300x151.jpeg 300w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/boxed-layout-768x386.jpeg 768w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/boxed-layout-1024x515.jpeg 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/li>\n<\/ul>\n<h2>Scroll to top button<\/h2>\n<p>If set to \u201con\u201d a fixed button for scrolling of page to the top will be displayed in the right bottom corner of the page.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-535\" src=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/scroll-to-top.jpeg\" alt=\"scroll-to-top\" width=\"1920\" height=\"966\" srcset=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/scroll-to-top.jpeg 1920w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/scroll-to-top-300x151.jpeg 300w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/scroll-to-top-768x386.jpeg 768w, https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/scroll-to-top-1024x515.jpeg 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h2>Preloader screen<\/h2>\n<p>Set page preloader screen by setting the switch to \u201con\u201d.<\/p>\n<ol>\n<li>Select preloader type<\/li>\n<li>Select preloader icon color<\/li>\n<li>Select preloader background color\u0430<\/li>\n<\/ol>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-536\" src=\"https:\/\/grooni.com\/docs\/crane\/wp-content\/uploads\/sites\/2\/2017\/06\/demo-preloader.gif\" alt=\"demo-preloader\" width=\"1920\" height=\"966\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Site icon A site icon is an icon associated with a website or webpage intended to be used when you &hellip; <a href=\"https:\/\/grooni.com\/docs\/crane\/crane-theme-options\/main-options\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":522,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/525"}],"collection":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/comments?post=525"}],"version-history":[{"count":0,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/525\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/pages\/522"}],"wp:attachment":[{"href":"https:\/\/grooni.com\/docs\/crane\/wp-json\/wp\/v2\/media?parent=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}