{"id":30,"date":"2019-04-04T07:50:52","date_gmt":"2019-04-04T07:50:52","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-feminine-pro\/appearance-settings\/how-to-change-website-background\/"},"modified":"2022-07-08T12:44:57","modified_gmt":"2022-07-08T06:59:57","slug":"how-to-change-website-background","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-feminine-pro\/appearance-settings\/how-to-change-website-background\/","title":{"rendered":"How to change Website Background?"},"content":{"rendered":"\n<p>You can add a background image or pattern from this setting.<\/p>\n\n\n\n<p>Please follow the video tutorial or the below steps to change the background of your website.<\/p>\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=\"How to change your website color and fonts | Blossom Feminine Pro WordPress Theme\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/zeRfUk6tTsA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Log in to WordPress Admin Panel.<\/li><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; Appearance Settings &gt; Background<\/strong><\/li><li>Click on \u201cImage\u201d tab<\/li><li>Click on \u201c<strong>Select image<\/strong>\u201d button to add the background image.<\/li><li>Click on \u201c<strong>Remove<\/strong>\u201d to remove the image. Click on \u201cChange image\u201d to change the background image.<\/li><li>Click on <strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"337\" height=\"471\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-website-background.png\" alt=\"Change website background\" class=\"wp-image-136\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-website-background.png 337w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Change-website-background-215x300.png 215w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"Adding_Background_Pattern\">Adding Background Pattern<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Log in to WordPress Admin Panel.<\/li><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; Appearance Settings &gt; Background<\/strong><\/li><li>Click on the \u201cPattern\u201d tab<\/li><li>Select the pattern you like<\/li><li>Click on \u201cNo bg\u201d pattern to remove the pattern<\/li><li>Click on <strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"611\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Background-Pattern.png\" alt=\"Background Pattern\" class=\"wp-image-138\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Background-Pattern.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Background-Pattern-169x300.png 169w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can add a background image or pattern from this setting. Please follow the video tutorial or the below steps to change the background of your website. Log in to WordPress Admin Panel. Go to&nbsp;Appearance &gt; Customize &gt; Appearance Settings &gt; Background Click on \u201cImage\u201d tab Click on \u201cSelect image\u201d button to add the background [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":28,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-30","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/30"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/30\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/28"}],"next":[{"title":"How to change Website Typography\/Fonts?","link":"https:\/\/docs.blossomthemes.com\/blossom-feminine-pro\/appearance-settings\/how-to-change-website-typography-fonts\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/31"}],"prev":[{"title":"How to change Theme Colors?","link":"https:\/\/docs.blossomthemes.com\/blossom-feminine-pro\/appearance-settings\/how-to-change-theme-colors\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/29"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}