{"id":166,"date":"2019-08-01T05:57:50","date_gmt":"2019-08-01T05:57:50","guid":{"rendered":"http:\/\/helpdoc.themearile.com\/?docs=arilewp-pro\/how-to-configure-theme-color-scheme-and-layout"},"modified":"2020-05-13T16:32:19","modified_gmt":"2020-05-13T16:32:19","slug":"how-to-configure-theme-color-scheme-and-layout","status":"publish","type":"docs","link":"https:\/\/helpdoc.themearile.com\/?docs=arilewp-pro\/how-to-configure-theme-color-scheme-and-layout","title":{"rendered":"How to Configure Theme Color Scheme and Layout"},"content":{"rendered":"<p>Go to <strong>Dashboard <\/strong>&gt;&gt;<strong> Appearance <\/strong>&gt;&gt;<strong> Customize <\/strong>&gt;&gt;<strong> Theme Color Scheme<\/strong><strong>.<\/strong><\/p>\n<p><strong>Predefined Color Scheme:<\/strong><\/p>\n<ul>\n<li><strong>Select Theme Colors:<\/strong> You can select <strong>predefined colors<\/strong> to customize colors such as <strong>link color, buttons, text color, hover colors<\/strong>, etc.<\/li>\n<\/ul>\n<p><strong>Custom Color:<\/strong><\/p>\n<ul>\n<li><strong>Custom Color Enable\/Disable:<\/strong> You can apply custom colors instead of predefined colors for the whole site content.<\/li>\n<\/ul>\n<p><strong>Layout And Background:<\/strong><\/p>\n<ul>\n<li><strong>Select Layout:<\/strong> The <strong>ArileWP Pro<\/strong> WordPress theme comes with 2 main layouts for your site, <strong>Full-Width<\/strong> or <strong>Boxed<\/strong>. So you can select <strong>full-width and boxed<\/strong> layout as you display site content.<\/li>\n<li><strong>Select Background:<\/strong> You can select a background <strong>image or pattern<\/strong> to show background in the body. And you need to select a<strong> box layout<\/strong> for display an image background of the site.<\/li>\n<\/ul>\n<div class=\"entry-content-asset\"><iframe loading=\"lazy\" title=\"How to Configure Theme Color Scheme and Layout\" width=\"835\" height=\"470\" src=\"https:\/\/www.youtube.com\/embed\/hpCQs0XWeMQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<hr \/>\n<h2><strong><br \/>\nHow to Change Light &amp; Dark Layout Styles<\/strong><\/h2>\n<p>Go to <strong>Dashboard <\/strong>&gt;&gt;<strong> Appearance <\/strong>&gt;&gt;<strong> Customize <\/strong>&gt;&gt;<strong> Theme Color Scheme &gt;&gt; Theme Color Skins<\/strong><strong>.<\/strong><\/p>\n<ul>\n<li><strong>Select Theme Color Skin: <\/strong>Select <strong>Dark<\/strong> &amp; <strong>Light<\/strong> layout style.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-638\" src=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/theme-color-scheme.jpg\" alt=\"Theme Color Scheme\" width=\"346\" height=\"880\" srcset=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/theme-color-scheme.jpg 346w, https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/theme-color-scheme-118x300.jpg 118w\" sizes=\"auto, (max-width: 346px) 100vw, 346px\" \/><\/p>\n<hr \/>\n<h2><strong>How to Set Custom Background Image<\/strong><\/h2>\n<p>Go to <strong>Dashboard <\/strong>&gt;&gt;<strong> Appearance <\/strong>&gt;&gt;<strong> Customize <\/strong>&gt;&gt;<strong> Background Image<\/strong><strong>.<\/strong><\/p>\n<ul>\n<li><strong>Background Image: Select Image<\/strong><\/li>\n<li><strong>Image Position:<\/strong> Set the image position such as <strong>top, right, left, bottom, center<\/strong>, etc.<\/li>\n<li><strong>Image Size:<\/strong> Set the image size such as<strong> Original, Fit to Screen, Fill Screen<\/strong>.<\/li>\n<li><strong>Repeat Background Image:<\/strong> Select checkbox to <strong>repeat background image<\/strong>.<\/li>\n<li><strong>Scroll with Page:<\/strong> Select checkbox to <strong>scroll background image with content<\/strong>.<\/li>\n<li><strong>Press<\/strong> &gt;&gt; <strong>Publish Button<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-236\" src=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/background-image-for-body.png\" alt=\"background-image-for-body\" width=\"348\" height=\"657\" srcset=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/background-image-for-body.png 348w, https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2019\/08\/background-image-for-body-159x300.png 159w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8,"menu_order":18,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-166","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=166"}],"version-history":[{"count":17,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/166\/revisions"}],"predecessor-version":[{"id":643,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/166\/revisions\/643"}],"up":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/8"}],"next":[{"title":"FrontPage Section Ordering","link":"https:\/\/helpdoc.themearile.com\/?docs=arilewp-pro\/frontpage-section-ordering","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/168"}],"prev":[{"title":"How to Configure Typography Settings","link":"https:\/\/helpdoc.themearile.com\/?docs=arilewp-pro\/how-to-configure-typography-settings","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/139"}],"wp:attachment":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=166"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}