"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[3416],{487:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>u,frontMatter:()=>i,metadata:()=>s,toc:()=>c});const s=JSON.parse('{"id":"crashCourse/update-ground","title":"Update Hero Section Background Image","description":"The background image can be updated only through AI prompts, not via Visual Edit","source":"@site/userGuide/crashCourse/update-ground.md","sourceDirName":"crashCourse","slug":"/crashCourse/update-ground","permalink":"/guides/user/crashCourse/update-ground","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":25,"frontMatter":{"sidebar_position":25},"sidebar":"sidebar","previous":{"title":"How to Create Google Login","permalink":"/guides/user/crashCourse/google-login"},"next":{"title":"Deploy your EZsite website to Wordpress","permalink":"/guides/user/crashCourse/wordpress-deploy"}}');var n=a(4848),r=a(8453);a(1463),a(8175);const i={sidebar_position:25},o="Update Hero Section Background Image",d={},c=[{value:"Creating a Website with AI Prompts",id:"creating-a-website-with-ai-prompts",level:3},{value:"Add New Background Image via Asset Settings",id:"add-new-background-image-via-asset-settings",level:3},{value:"Use AI prompt to Update Background Image",id:"use-ai-prompt-to-update-background-image",level:3}];function g(e){const t={code:"code",h1:"h1",h3:"h3",header:"header",img:"img",p:"p",pre:"pre",...(0,r.R)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.header,{children:(0,n.jsx)(t.h1,{id:"update-hero-section-background-image",children:"Update Hero Section Background Image"})}),"\n",(0,n.jsx)(t.p,{children:"The background image can be updated only through AI prompts, not via Visual Edit"}),"\n",(0,n.jsx)(t.h3,{id:"creating-a-website-with-ai-prompts",children:"Creating a Website with AI Prompts"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{children:"generate a real estate website with Hero section background image\n"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:a(7898).A+"",width:"1598",height:"718"})}),"\n",(0,n.jsx)(t.h3,{id:"add-new-background-image-via-asset-settings",children:"Add New Background Image via Asset Settings"}),"\n",(0,n.jsx)(t.p,{children:"Navigate to your project\u2019s Settings > Assets > Images. Upload the background image to this folder"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:a(1407).A+"",width:"1656",height:"608"})}),"\n",(0,n.jsx)(t.p,{children:"Give it a name and add a description, for example, \u201creal estate background image.\u201d"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:a(5816).A+"",width:"1163",height:"597"})}),"\n",(0,n.jsx)(t.h3,{id:"use-ai-prompt-to-update-background-image",children:"Use AI prompt to Update Background Image"}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{children:" Update the website hero section background image with real estate background image\n"})}),"\n",(0,n.jsx)(t.p,{children:"Compared to the original background, we can confirm that the hero section background image has been successfully updated."}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.img,{src:a(523).A+"",width:"1606",height:"731"})})]})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(g,{...e})}):g(e)}},523:(e,t,a)=>{a.d(t,{A:()=>s});const s=a.p+"assets/images/herobgsite-ac3cc0d0716b2ff474b8c1bd3e6eb853.png"},1407:(e,t,a)=>{a.d(t,{A:()=>s});const s=a.p+"assets/images/heroimageupload-95a7a9efbeede4b05d2a1ad1f4519f1a.png"},1463:(e,t,a)=>{a(6540),a(4848)},5816:(e,t,a)=>{a.d(t,{A:()=>s});const s=a.p+"assets/images/heroimagedescription-ade87b7b234f65745c28a3aada8b9a5f.png"},7898:(e,t,a)=>{a.d(t,{A:()=>s});const s=a.p+"assets/images/herobgoriginalsite-a0f48929a39b35a2561bca61767b9f8a.png"},8175:(e,t,a)=>{a.d(t,{A:()=>n});a(6540);var s=a(4848);function n(){return(0,s.jsx)("code",{children:"EZsite"})}},8453:(e,t,a)=>{a.d(t,{R:()=>i,x:()=>o});var s=a(6540);const n={},r=s.createContext(n);function i(e){const t=s.useContext(r);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:i(e.components),s.createElement(r.Provider,{value:t},e.children)}}}]);