{"id":525,"date":"2020-01-18T09:16:29","date_gmt":"2020-01-18T09:16:29","guid":{"rendered":"http:\/\/helpdoc.themearile.com\/?docs=consultstreet-pro\/how-to-configure-theme-color-scheme-and-layout"},"modified":"2020-05-13T16:32:29","modified_gmt":"2020-05-13T16:32:29","slug":"how-to-configure-theme-color-scheme-and-layout","status":"publish","type":"docs","link":"https:\/\/helpdoc.themearile.com\/?docs=consultstreet-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>ConsultStreet&nbsp;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\/0z6TJw6Gf_c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\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":457,"menu_order":17,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-525","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/525","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=525"}],"version-history":[{"count":3,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/525\/revisions"}],"predecessor-version":[{"id":731,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/525\/revisions\/731"}],"up":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/457"}],"next":[{"title":"FrontPage Section Ordering","link":"https:\/\/helpdoc.themearile.com\/?docs=consultstreet-pro\/frontpage-section-ordering","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/528"}],"prev":[{"title":"How to Configure Typography Settings","link":"https:\/\/helpdoc.themearile.com\/?docs=consultstreet-pro\/how-to-configure-typography-settings","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/521"}],"wp:attachment":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=525"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}