{"id":3289,"date":"2024-07-20T18:36:29","date_gmt":"2024-07-20T18:36:29","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=3289"},"modified":"2026-10-06T07:06:53","modified_gmt":"2026-10-06T07:06:53","slug":"how-to-change-site-background","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/how-to-change-site-background\/","title":{"rendered":"How to change site background"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In the Kata theme, changing the site background allows you to personalize the overall look of your pages by adding specific colors, images, or patterns. This adjustment can greatly enhance the visual appeal and design atmosphere of the site, helping to create a unique user experience.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To change the site background You need to navigate to wp-admin> Kata > options.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac637c50218f&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac637c50218f\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"325\" height=\"681\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-01-1.png\" alt=\"WordPress dashboard Kata menu with the Options item highlighted\" class=\"wp-image-3495\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-01-1.png 325w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-01-1-143x300.png 143w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After that, you have to navigate to the Advanced Styling<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac637c5026b5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac637c5026b5\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"395\" height=\"604\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-02.png\" alt=\"Kata Customizer panel with an Advanced Styling option highlighted\" class=\"wp-image-3496\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-02.png 395w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-02-196x300.png 196w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the body styler button and go to the background section. From there, you can set a background color and image for the site background.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ac637c502b6e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ac637c502b6e\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"854\" height=\"642\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-03.png\" alt=\"Kata Customizer Advanced Styling with the Body Styler background tab highlighted\" class=\"wp-image-3497\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-03.png 854w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-03-300x226.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2024\/07\/change-site-background-03-768x577.png 768w\" sizes=\"(max-width: 854px) 100vw, 854px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the Kata theme, changing the site background allows you to personalize the overall look of your pages by adding specific colors, images, or patterns. This adjustment can greatly enhance the visual appeal and design atmosphere of the site, helping to create a unique user experience. To change the site background You need to navigate [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-3289","post","type-post","status-publish","format-standard","hentry","category-faq"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=3289"}],"version-history":[{"count":4,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3289\/revisions"}],"predecessor-version":[{"id":4105,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/3289\/revisions\/4105"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=3289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=3289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=3289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}