{"id":554,"date":"2019-03-11T10:17:16","date_gmt":"2019-03-11T10:17:16","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=554"},"modified":"2019-03-11T10:23:03","modified_gmt":"2019-03-11T10:23:03","slug":"how-to-change-a-background-image","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-change-a-background-image\/","title":{"rendered":"How to change a Background Image"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Using the Page Builder we can change or add a background image to any Row element or column.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To change the background image of an existing Row element &#8211; which already has an image attached &#8211; first edit your page using the WP Bakery Page Builder Front End editor.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"649\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/edit-bg-img.jpg\" alt=\"\" class=\"wp-image-556\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/edit-bg-img.jpg 960w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/edit-bg-img-300x203.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/03\/edit-bg-img-768x519.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hover your mouse over the Row element which has a background image. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the Edit Row button &#8211; it&#8217;s the Pencil Icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the new Pop-up Window -&gt; go to&nbsp;<strong>Design Options<\/strong>&nbsp;Tab<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Find the&nbsp;<strong>Background Image<\/strong>&nbsp;attached to the row element and click the&nbsp;<strong>X<\/strong>&nbsp;sign.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next click the&nbsp;<strong>+&nbsp;<\/strong>sign and the&nbsp;<strong>Media Library will be opened<\/strong>. Upload a new image or navigate the Media Library and choose a new Image to be used for the Background Image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click the&nbsp;<strong>Set Image<\/strong>&nbsp;button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The new image will appear in the Design Options tab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save Changes<\/strong> button and now the Row element will use our new Background Image.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Just below the Background Image, you will notice a select box, which for a default Row element it will be set to&nbsp;<strong>Theme defaults<\/strong>, but in our case it will be set to&nbsp;<strong>Cover<\/strong>. The Cover option allows our image to take entire space of the Row element, in both width and height.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Changing the Background Image using the Page Builder<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-554","post","type-post","status-publish","format-standard","hentry","category-page-builder"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/comments?post=554"}],"version-history":[{"count":2,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/554\/revisions"}],"predecessor-version":[{"id":557,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/554\/revisions\/557"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}