{"id":91,"date":"2023-09-26T09:23:08","date_gmt":"2023-09-26T09:23:08","guid":{"rendered":"https:\/\/docs.codevibrant.com\/azure\/?p=91"},"modified":"2024-01-09T09:43:03","modified_gmt":"2024-01-09T09:43:03","slug":"how-to-configure-background-image-color-in-your-site","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/azure\/how-to-configure-background-image-color-in-your-site\/","title":{"rendered":"How to Configure Background Image\/Color in your site?"},"content":{"rendered":"\n<p><strong>Background Image and Color<\/strong> is one of the crucial factors you will need to consider when customizing your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"455\" src=\"http:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Background-Image-and-Color-Selector.jpg\" alt=\"Background and Image Selector\" class=\"wp-image-97\" srcset=\"https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Background-Image-and-Color-Selector.jpg 1000w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Background-Image-and-Color-Selector-300x137.jpg 300w, https:\/\/docs.codevibrant.com\/azure\/wp-content\/uploads\/sites\/2\/2023\/09\/Background-Image-and-Color-Selector-768x349.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Video Guide<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Azure Complete Walkthrough\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/-BAtD90lTGg?start=752&#038;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><figcaption class=\"wp-element-caption\"><em>Starts from relative time.<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">In order to change your site\u2019s background image, you will have to:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>General Settings &gt;&gt; Background<\/strong>.<\/li>\n\n\n\n<li>Click on the <strong>Select Image<\/strong> as shown in the image below, upload and set your background image for your site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">For changing Background<strong> <\/strong>Color<strong>:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the circular color palette icon next to <strong>Background Color<\/strong> as given in the image below and choose the color of your choosing to set background color for your site. <strong>&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Click on <strong>&#8220;Publish Button&#8221;<\/strong> to save your changes. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Background Image and Color is one of the crucial factors you will need to consider when customizing your website. Video Guide In order to change your site\u2019s background image, you will have to: For changing Background Color: Click on &#8220;Publish Button&#8221; to save your changes.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-91","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":4,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/91\/revisions"}],"predecessor-version":[{"id":394,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/posts\/91\/revisions\/394"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/media?parent=91"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/categories?post=91"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/azure\/wp-json\/wp\/v2\/tags?post=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}