{"id":1348,"date":"2016-04-06T15:18:08","date_gmt":"2016-04-06T19:18:08","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=1348"},"modified":"2023-06-14T12:59:09","modified_gmt":"2023-06-14T16:59:09","slug":"adding-replacing-images-within-pages","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-themes\/adding-replacing-images-within-pages\/","title":{"rendered":"Adding and Replacing Images within Pages"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p>In WordPress, images can easily be replaced with your own when using the <strong>BoldGrid<\/strong> plugin. Below are the basic steps for <b>adding and replacing images<\/b>you&rsquo;d like to use in your <strong>BoldGrid<\/strong> website.<!--more--><\/p>\n<h2 id=\"how-to-add-or-replace-images-in-wordpress\">How to Add or Replace Images in WordPress<\/h2>\n<ol>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-inspirations-plugin-product-guide\/logging-in\/\" target=\"_blank\" rel=\"noopener noreferrer\">Log into your BoldGrid Dashboard<\/a>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/883-01-click-pages-1.png\" rel=\"attachment wp-att-1351\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-3463 size-full\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/883-01-click-pages-1.png\" alt=\"pages link from WordPress admin\" width=\"167\" height=\"376\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/883-01-click-pages-1.png 167w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/883-01-click-pages-1-133x300.png 133w\" sizes=\"auto, (max-width: 167px) 100vw, 167px\" \/><\/a>Click on <strong>Pages<\/strong> in the menu at left in order to see pages created for your site.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page.png\" rel=\"attachment wp-att-1352\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-8913 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-300x136.png\" alt=\"edit page in WordPress admin\" width=\"300\" height=\"136\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-300x136.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-768x348.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-1024x464.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-250x113.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-550x249.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-800x363.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-397x180.png 397w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-662x300.png 662w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-1103x500.png 1103w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page-1100x500.png 1100w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-page.png 1363w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Hover over the name of the page you want to edit and you will see a menu appear just below. Click on <strong>Edit<\/strong> in order to proceed with editing the page.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image.png\" rel=\"attachment wp-att-1353\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-8916 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-300x177.png\" alt=\"change image icon in editor\" width=\"300\" height=\"177\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-300x177.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-768x452.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-250x147.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-550x324.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-800x471.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-306x180.png 306w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-510x300.png 510w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image-849x500.png 849w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-edit-image.png 965w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Click on the image you wish to edit. When you click on it, you will see a menu appear above the image. Click on the <strong>Change<\/strong> button.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image.png\" rel=\"attachment wp-att-1354\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-8917 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-300x155.png\" alt=\"replace image from media library\" width=\"300\" height=\"155\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-300x155.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-768x396.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-1024x528.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-250x129.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-550x284.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-800x413.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-349x180.png 349w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-582x300.png 582w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image-970x500.png 970w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/select-replacement-image.png 1086w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>This brings you to a page where you can insert a new image. You have three tabs: Upload Files, Media Library, and BoldGrid Connect Search.<br>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<th>Upload Files<\/th>\n<td style=\"text-align: left;\">Upload a file<\/td>\n<\/tr>\n<tr>\n<th>Media Library<\/th>\n<td style=\"text-align: left;\">Select an image that is already uploaded.<\/td>\n<\/tr>\n<tr>\n<th>BoldGrid Connect Search<\/th>\n<td style=\"text-align: left;\">Select a new free or premium image from the image search engine.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button.png\" rel=\"attachment wp-att-1356\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8918 size-medium alignright\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-300x155.png\" alt=\"blue Replace button\" width=\"300\" height=\"155\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-300x155.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-768x396.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-1024x528.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-250x129.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-550x284.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-800x413.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-349x180.png 349w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-582x300.png 582w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button-970x500.png 970w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-replace-button.png 1086w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Once you have selected your image, click on the button in the bottom right-hand side labeled <strong><strong>Replace.<\/strong><\/strong>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1.png\" rel=\"attachment wp-att-1356\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-8920 size-medium\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-300x129.png\" alt=\"crop image screen\" width=\"300\" height=\"129\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-300x129.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-768x330.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-1024x440.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-250x107.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-550x236.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-800x344.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-419x180.png 419w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-698x300.png 698w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1-1163x500.png 1163w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-crop-image-1.png 1303w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Crop and select the options for your image, then click&nbsp;<strong><strong>Crop Image.<\/strong><\/strong>\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<li><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button.png\" rel=\"attachment wp-att-1357\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8921 size-medium alignright\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-300x121.png\" alt=\"blue Publish button\" width=\"300\" height=\"121\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-300x121.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-768x310.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-1024x414.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-250x101.png 250w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-550x222.png 550w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-800x323.png 800w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-445x180.png 445w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button-742x300.png 742w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2016\/04\/click-publish-button.png 1180w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>If you are satisfied with the pictures in your page, click on <strong>Publish<\/strong> in order to save your changes.\n<div style=\"clear: both;\"><\/div>\n<\/li>\n<\/ol>\n<p>Congratulations! You know how to add and change pictures within your pages.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>In WordPress, images can easily be replaced with your own when using the BoldGrid plugin. Below are the basic steps for adding and replacing imagesyou&rsquo;d like to use in your BoldGrid website.<\/p>\n","protected":false},"author":361,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Adding and Replacing Images in WordPress | BoldGrid","bgseo_description":"Adding and replacing images in your BoldGrid site is easy and fast using the page editor. BoldGrid is a drop and drop WordPress site builder.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[764],"tags":[184,183],"class_list":["post-1348","post","type-post","status-publish","format-standard","hentry","category-boldgrid-themes","tag-editing-images","tag-images"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/361"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=1348"}],"version-history":[{"count":35,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1348\/revisions"}],"predecessor-version":[{"id":92126,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/1348\/revisions\/92126"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=1348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=1348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=1348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}