{"id":35,"date":"2024-10-04T09:46:46","date_gmt":"2024-10-04T09:46:46","guid":{"rendered":"https:\/\/docs.codevibrant.com\/yaatra-blog\/?p=35"},"modified":"2024-10-07T07:56:31","modified_gmt":"2024-10-07T07:56:31","slug":"background-image-and-colors-in-yaatra-blog","status":"publish","type":"post","link":"https:\/\/docs.codevibrant.com\/yaatra-blog\/background-image-and-colors-in-yaatra-blog\/","title":{"rendered":"Background Image and Colors in Yaatra Blog"},"content":{"rendered":"\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&nbsp;<strong>General Settings &gt;&gt; Background<\/strong>.<\/li>\n\n\n\n<li>Click on the&nbsp;<strong>Select Image<\/strong>&nbsp;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>&nbsp;<\/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&nbsp;<strong>Background Color<\/strong>&nbsp;as given in the image below and choose the color of your choosing to set background color for your site.&nbsp;<strong>&nbsp;<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Click on&nbsp;<strong>\u201cPublish Button\u201d<\/strong>&nbsp;to save your changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pro feature<\/h2>\n\n\n\n<p>You can enable Background animations with Yaatra Pro to add more intuitive designs for your readers<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on <strong>Enable Background Animations<\/strong> to add animations to your website&#8217;s background.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"244\" height=\"343\" src=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-15.png\" alt=\"\" class=\"wp-image-102\" style=\"width:329px;height:auto\" srcset=\"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-15.png 244w, https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-content\/uploads\/sites\/5\/2024\/10\/image-15-213x300.png 213w\" sizes=\"auto, (max-width: 244px) 100vw, 244px\" \/><\/figure><\/div>","protected":false},"excerpt":{"rendered":"<p>In order to change your site\u2019s background image, you will have to: For changing Background&nbsp;Color: Click on&nbsp;\u201cPublish Button\u201d&nbsp;to save your changes. Pro feature You can enable Background animations with Yaatra Pro to add more intuitive designs for your readers<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":4,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/posts\/35\/revisions\/104"}],"wp:attachment":[{"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.codevibrant.com\/yaatra-blog\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}