{"id":7264,"date":"2022-07-01T16:57:30","date_gmt":"2022-07-01T16:57:30","guid":{"rendered":"https:\/\/www.cldy.com\/support\/?post_type=docs&#038;p=7264"},"modified":"2022-07-03T13:39:39","modified_gmt":"2022-07-03T13:39:39","password":"","slug":"how-to-update-images-and-image-url-in-wordpress-admin-divi-builder","status":"publish","type":"docs","link":"https:\/\/www.cldy.com\/support\/help\/how-to-update-images-and-image-url-in-wordpress-admin-divi-builder\/","title":{"rendered":"How to Update Images and Image URL?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Updating Images is a breeze thanks to Divi Builder which gives you all access to its modules. This tutorial teaches you a step-by-step easy approach instructing you on how to replace images and images URL with just a few clicks.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With the Visual Builder in play, you can launch this into Visual mode to see if you\u2019re replacing the images right. So what are you waiting for? Let\u2019s go!<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">1. Login to your WordPress dashboard.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">2. Under <\/span><b>Pages<\/b><span style=\"font-weight: 400;\">, go to <\/span><b>All Pages<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7176\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all.png\" alt=\"pages-all\" width=\"330\" height=\"73\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all.png 330w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-update-title-pages-all-300x66.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">3. Let\u2019s go to the Home page, and hover over your mouse towards this section. Select<\/span><b> Edit With Divi<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7265\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home.png\" alt=\"edit-with-divi\" width=\"330\" height=\"61\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home.png 330w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-home-300x55.png 300w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">4. Point your mouse towards the image you want to update, and click on the <\/span><i><span style=\"font-weight: 400;\">gear icon<\/span><\/i><span style=\"font-weight: 400;\"> to open the Settings window.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7266\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-settings.png\" alt=\"module-settings\" width=\"357\" height=\"317\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-settings.png 357w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-settings-300x266.png 300w\" sizes=\"(max-width: 357px) 100vw, 357px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">5. The Image dropdown will show the current photo on the selected block. Hover over the mouse over the current image, and click on the <\/span><i><span style=\"font-weight: 400;\">gear icon<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7267\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-gear.png\" alt=\"image-settings\" width=\"400\" height=\"516\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-gear.png 400w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-gear-233x300.png 233w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">6. In this window, you can drag and drop your preferred image or click on <\/span><b>Select a File<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-7269\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-1024x585.png\" alt=\"select-file\" width=\"800\" height=\"457\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-1024x585.png 1024w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-300x171.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-768x439.png 768w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file.png 1281w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">7. Once you have selected an image, it should show up on this window. Make sure the check mark is on your preferred image, then click on <\/span><b>Upload an image<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-7270\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-upload-1024x580.png\" alt=\"\" width=\"800\" height=\"453\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-upload-1024x580.png 1024w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-upload-300x170.png 300w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-upload-768x435.png 768w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-select-file-upload.png 1289w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">8.Scroll down to the <\/span><b>Link<\/b><span style=\"font-weight: 400;\"> section and update the URL. This way, when the user clicks on the image, they will be taken to your selected page. Also choose if you want the link to open in the same window or in a new tab. When you\u2019re finished, click on the <\/span><i><span style=\"font-weight: 400;\">check<\/span><\/i><span style=\"font-weight: 400;\"> button.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7268\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-link-save.png\" alt=\"add-link\" width=\"397\" height=\"514\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-link-save.png 397w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-image-link-save-232x300.png 232w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">9. Update all images you wish to edit, and when everything is good to go, click on <\/span><b>Exit Visual Builder<\/b><span style=\"font-weight: 400;\"> at the top of the Divi Builder page.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7179\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder.png\" alt=\"exit-divi-builder\" width=\"664\" height=\"88\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder.png 664w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-edit-button-exit-builder-300x40.png 300w\" sizes=\"(max-width: 664px) 100vw, 664px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">10. Click on <\/span><b>Save &amp; Exit<\/b><span style=\"font-weight: 400;\">, and that\u2019s it!<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-7180\" src=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save.png\" alt=\"save-exit\" width=\"399\" height=\"277\" srcset=\"https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save.png 399w, https:\/\/www.cldy.com\/support\/wp-content\/uploads\/sites\/12\/2022\/07\/15-min-contact-form-exit-builder-save-300x208.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Now you know why we build web pages in Divi themes because it\u2019s so easy to drag and drop images without the need for technical skills or if you don\u2019t have a web designer at hand. If you follow these steps, you\u2019re on your way to updating your images to your desired visual and branding. Go and try it out for yourself!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Updating Images is a breeze thanks to Divi Builder which gives you all access to its modules. This tutorial teaches you a step-by-step easy approach instructing you on how to replace images and images URL with just a few clicks.\u00a0 With the Visual Builder in play, you can launch this into Visual mode to see [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[54],"doc_tag":[],"class_list":["post-7264","docs","type-docs","status-publish","hentry","doc_category-15-min-website"],"year_month":"2026-06","word_count":361,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"syd123","author_nicename":"syd123","author_url":"https:\/\/www.cldy.com\/support\/author\/syd123\/"},"doc_category_info":[{"term_name":"15 Min Website","term_url":"https:\/\/www.cldy.com\/support\/help-category\/15-min-website\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/comments?post=7264"}],"version-history":[{"count":2,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7264\/revisions"}],"predecessor-version":[{"id":7474,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/docs\/7264\/revisions\/7474"}],"wp:attachment":[{"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/media?parent=7264"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_category?post=7264"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.cldy.com\/support\/wp-json\/wp\/v2\/doc_tag?post=7264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}