{"id":1036,"date":"2022-05-26T09:04:40","date_gmt":"2022-05-26T09:04:40","guid":{"rendered":"http:\/\/helpdoc.themearile.com\/?docs=aasta-pro\/how-to-configure-theme-color-scheme-and-layout"},"modified":"2022-05-30T07:49:25","modified_gmt":"2022-05-30T07:49:25","slug":"how-to-configure-theme-color-scheme-and-layout","status":"publish","type":"docs","link":"https:\/\/helpdoc.themearile.com\/?docs=aasta-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> If you want to choose a <strong>custom color<\/strong> according to you, then you will need to <strong>enable<\/strong> the setting of the custom color.<\/li>\n<li><strong>Select Custom color:<\/strong> You can apply <strong>custom colors<\/strong> instead of <strong>predefined colors<\/strong> for the whole site content.<\/li>\n<\/ul>\n<p><strong>Theme Color Skins:<\/strong><\/p>\n<ul>\n<li><strong>Select Theme Color Skin:<\/strong> You can set the <strong>light<\/strong> and <strong>dark<\/strong> color scheme layout.<\/li>\n<\/ul>\n<p><strong>Layout And Background:<\/strong><\/p>\n<ul>\n<li><strong>Select Layout:<\/strong> The <strong>Aasta 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 <\/strong>and<strong> 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 the background in the body. And you need to select a<strong> box layout<\/strong> to display an image background of the site.<\/li>\n<\/ul>\n<div class=\"entry-content-asset\"><iframe loading=\"lazy\" title=\"Aasta Pro - How to Configure Theme Color Scheme and Layout\" width=\"835\" height=\"470\" src=\"https:\/\/www.youtube.com\/embed\/IQM9s_wLgMg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; 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 wp-image-958 size-full\" src=\"https:\/\/helpdoc.themearile.com\/wp-content\/uploads\/2022\/05\/aasta-pro-theme-color-scheme.jpg\" alt=\"Aasta Pro Theme Color Scheme\" width=\"346\" height=\"707\"><\/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":1017,"menu_order":17,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-1036","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1036","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=1036"}],"version-history":[{"count":4,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1036\/revisions"}],"predecessor-version":[{"id":1111,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1036\/revisions\/1111"}],"up":[{"embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1017"}],"next":[{"title":"FrontPage Section Ordering","link":"https:\/\/helpdoc.themearile.com\/?docs=aasta-pro\/frontpage-section-ordering","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1037"}],"prev":[{"title":"How to Configure Typography Settings","link":"https:\/\/helpdoc.themearile.com\/?docs=aasta-pro\/how-to-configure-typography-settings","href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=\/wp\/v2\/docs\/1035"}],"wp:attachment":[{"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1036"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/helpdoc.themearile.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=1036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}