{"id":393,"date":"2019-03-12T12:37:08","date_gmt":"2019-03-12T17:37:08","guid":{"rendered":"http:\/\/donedealwebsite.com\/support\/?p=393"},"modified":"2021-02-04T12:19:59","modified_gmt":"2021-02-04T17:19:59","slug":"using-the-visual-editor-image-module","status":"publish","type":"post","link":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/","title":{"rendered":"Using the Visual Editor \u2013 Image Module"},"content":{"rendered":"\n

This article is going to be fairly short as this Module doesn\u2019t have a\n lot to it and is straightforward. It is important to know how to use \nthe Image Module though as the majority of you are going to want to add \nyour own photos.<\/p>\n\n\n\n

There are 2 ways to add images to your website. The first is using the Image Module. <\/p>\n\n\n\n

\"Image<\/figure><\/div>\n\n\n\n

Since you probably don\u2019t have your own photos uploaded yet that you can use I will show you this as well. Simply click on the image icon you see in the Image Module. You\u2019ll be presented with another pop-up that\u2019ll allow you to either add a photo via your Media Library or Upload Files. Click Upload Files.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Uploading<\/figure>\n\n\n\n

<\/p>\n\n\n\n

NOTE:<\/strong> This process is also used for uploading videos.<\/p>\n\n\n\n

From this point you can add images wherever they\u2019re saved on your \ncomputer. The only limitation is that you can only upload images that \nare 5MB or smaller.<\/p>\n\n\n\n

Adding an Image Via Text Module<\/h2>\n\n\n\n

The last way to add an image to the page is to use the Text Module. \nWhen you select a Text Module there\u2019s an Add Media button just above \nwhere you add your text. This works the exact same way as the Image \nModule and comes with the same limitations. The benefit of adding media \nthis way is that you\u2019re given the ability to add images and even videos \nin amongst your text.<\/p>\n\n\n\n

\"Adding<\/figure><\/div>\n\n\n\n

The Design Tab
<\/h2>\n\n\n\n

Alignment<\/h3>\n\n\n\n

The first option has to do with the image alignment. It allows you to\n choose whether you want your image to be on the left side, in the \ncenter or right hand side.<\/p>\n\n\n\n

NOTE: The image has to be less then 100% width in order for you to align it to the left or right hand side.<\/strong><\/p>\n\n\n\n

\"image<\/figure><\/div>\n\n\n\n

Sizing<\/h3>\n\n\n\n

Next we have the sizing section. Here you can adjust the size of your image and also image alignment.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Animation<\/h3>\n\n\n\n

The animation tab has some fun options that you can add to your \nimages. These include how the image will appear on your web page when \nsomebody scrolls to the section where you\u2019ve placed your image. I \nencourage you to play around with these settings and see for yourself \nhow you like them.<\/p>\n\n\n\n

\"image<\/figure><\/div>\n\n\n\n

There are other features available in the Design Tab, however they\u2019re\n fairly straightforward like Spacing, adding borders to your image and \nshadowing. As always I encourage you to experiment with these other \nfeatures and see what kind of cool effects you can add. <\/p>\n\n\n\n

If you have any questions or are having difficulties doing something, please feel free to contact us.<\/p>\n","protected":false},"excerpt":{"rendered":"

This article is going to be fairly short as this Module doesn\u2019t have a lot to it and is straightforward. It is important to know how to use the Image Module though as the majority of you are going to want to add your own photos. There are 2 ways to add images to your […]<\/p>\n","protected":false},"author":13168,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[28,5,29],"tags":[],"class_list":["post-393","post","type-post","status-publish","format-standard","hentry","category-customizing","category-editing-your-site","category-visual-editor"],"yoast_head":"\nUsing the Visual Editor \u2013 Image Module - Done Deal Website Support<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the Visual Editor \u2013 Image Module - Done Deal Website Support\" \/>\n<meta property=\"og:description\" content=\"This article is going to be fairly short as this Module doesn\u2019t have a lot to it and is straightforward. It is important to know how to use the Image Module though as the majority of you are going to want to add your own photos. There are 2 ways to add images to your […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/\" \/>\n<meta property=\"og:site_name\" content=\"Done Deal Website Support\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-12T17:37:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-04T17:19:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/\",\"url\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/\",\"name\":\"Using the Visual Editor \u2013 Image Module - Done Deal Website Support\",\"isPartOf\":{\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png\",\"datePublished\":\"2019-03-12T17:37:08+00:00\",\"dateModified\":\"2021-02-04T17:19:59+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage\",\"url\":\"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png\",\"contentUrl\":\"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Visual Editor \u2013 Image Module\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/#website\",\"url\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/\",\"name\":\"Done Deal Website Support\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/mydonedealwebsite.mightybox.site\/support\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Visual Editor \u2013 Image Module - Done Deal Website Support","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/","og_locale":"en_US","og_type":"article","og_title":"Using the Visual Editor \u2013 Image Module - Done Deal Website Support","og_description":"This article is going to be fairly short as this Module doesn\u2019t have a lot to it and is straightforward. It is important to know how to use the Image Module though as the majority of you are going to want to add your own photos. There are 2 ways to add images to your […]","og_url":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/","og_site_name":"Done Deal Website Support","article_published_time":"2019-03-12T17:37:08+00:00","article_modified_time":"2021-02-04T17:19:59+00:00","og_image":[{"url":"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png"}],"twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/","url":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/","name":"Using the Visual Editor \u2013 Image Module - Done Deal Website Support","isPartOf":{"@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage"},"image":{"@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage"},"thumbnailUrl":"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png","datePublished":"2019-03-12T17:37:08+00:00","dateModified":"2021-02-04T17:19:59+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#primaryimage","url":"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png","contentUrl":"https:\/\/apartmentinvestorpro.com\/support\/wp-content\/uploads\/sites\/9\/2018\/12\/Screen-Shot-2018-12-27-at-11.50.49-AM-960x1024.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/using-the-visual-editor-image-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mydonedealwebsite.mightybox.site\/support\/"},{"@type":"ListItem","position":2,"name":"Using the Visual Editor \u2013 Image Module"}]},{"@type":"WebSite","@id":"https:\/\/mydonedealwebsite.mightybox.site\/support\/#website","url":"https:\/\/mydonedealwebsite.mightybox.site\/support\/","name":"Done Deal Website Support","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mydonedealwebsite.mightybox.site\/support\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/mydonedealwebsite.mightybox.site\/support\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/posts\/393"}],"collection":[{"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/users\/13168"}],"replies":[{"embeddable":true,"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":0,"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"wp:attachment":[{"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mydonedealwebsite.mightybox.site\/support\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}