{"id":1524,"date":"2012-06-27T13:50:09","date_gmt":"2012-06-27T17:50:09","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/06\/27\/edit-image-display\/"},"modified":"2021-08-16T23:39:43","modified_gmt":"2021-08-17T03:39:43","slug":"edit-image-display","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/","title":{"rendered":"How to change the user image display style in Drupal 7"},"content":{"rendered":"<p>While using the user image ability, there are a few ways you can display the image. You may want images larger than thumbnails, or even want to temporarily turn them off. Whatever the case, modifying the user image display style is a cinch in Drupal 7 when you follow these steps.<\/p>\n<p><strong>Editing the user image display style in Drupal 7:<\/strong><\/p>\n<ol class=\"article_list\">\n<li><a href=\"\/support\/edu\/drupal\/how-to-log-into-the-drupal-admin-dashboard\/\">Log into your Drupal 7 Admin dashboard<\/a>.<\/li>\n<li>Using the top menu bar, find and click on the <strong>Configuration <\/strong>option.<br><a href=\"\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"1018\" height=\"509\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\" class=\"optimized-lcp-image\" alt=\"_main-dashboard-configuration\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png 1018w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration-300x150.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration-768x384.png 768w\"><\/a>\n<div style=\"clear:both;\"><\/div>\n<\/li>\n<li>This is the <strong>Configuration <\/strong>screen. Locate the People category clicking on the <strong>Account Settings <\/strong>link.<\/li>\n<li>You are now on the the <strong>Account Settings <\/strong>screen. Be sure you are on the <strong>Settings <\/strong>Tab. This is found in the upper right part of the screen. Find the <strong>Picture Display Style<\/strong> dropdown under the <strong>Personalization <\/strong>area. Select from either <em>none<\/em>, <em>thumbnail<\/em>, <em>medium<\/em>, or <em>large<\/em>.<br><a href=\"\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration_People_Account_Settings_config-people-account-image-display.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"config-people-account-image-display\" class=\"std_ss size-full wp-image-7880\" height=\"490\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration_People_Account_Settings_config-people-account-image-display.png\" width=\"786\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration_People_Account_Settings_config-people-account-image-display.png 786w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration_People_Account_Settings_config-people-account-image-display-300x187.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration_People_Account_Settings_config-people-account-image-display-768x479.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a>\n<div style=\"clear:both;\"><\/div>\n<\/li>\n<li>Click on the <strong>Save Configuration <\/strong>button at the bottom of the screen.<\/li>\n<\/ol>\n<p>You now know how to mofidy the user image display style in Drupal 7.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>While using the user image ability, there are a few ways you can display the image. You may want images larger than thumbnails, or even want to temporarily turn them off. Whatever the case, modifying the user image display style is a cinch in Drupal 7 when you follow these steps. Editing the user image<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\"> Read More ><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[372],"tags":[],"class_list":["post-1524","post","type-post","status-publish","format-standard","hentry","category-drupal"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to change the user image display style in Drupal 7 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"This article demonstrates how to edit the image display style in Drupal 7.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change the user image display style in Drupal 7 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"This article demonstrates how to edit the image display style in Drupal 7.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-27T17:50:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:39:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"How to change the user image display style in Drupal 7\",\"datePublished\":\"2012-06-27T17:50:09+00:00\",\"dateModified\":\"2021-08-17T03:39:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\"},\"wordCount\":172,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\",\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\",\"name\":\"How to change the user image display style in Drupal 7 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\",\"datePublished\":\"2012-06-27T17:50:09+00:00\",\"dateModified\":\"2021-08-17T03:39:43+00:00\",\"description\":\"This article demonstrates how to edit the image display style in Drupal 7.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png\",\"width\":1018,\"height\":509,\"caption\":\"_main-dashboard-configuration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change the user image display style in Drupal 7\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change the user image display style in Drupal 7 | InMotion Hosting","description":"This article demonstrates how to edit the image display style in Drupal 7.","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:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/","og_locale":"en_US","og_type":"article","og_title":"How to change the user image display style in Drupal 7 | InMotion Hosting","og_description":"This article demonstrates how to edit the image display style in Drupal 7.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-06-27T17:50:09+00:00","article_modified_time":"2021-08-17T03:39:43+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"How to change the user image display style in Drupal 7","datePublished":"2012-06-27T17:50:09+00:00","dateModified":"2021-08-17T03:39:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/"},"wordCount":172,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png","articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/","name":"How to change the user image display style in Drupal 7 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png","datePublished":"2012-06-27T17:50:09+00:00","dateModified":"2021-08-17T03:39:43+00:00","description":"This article demonstrates how to edit the image display style in Drupal 7.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/06\/edu_Drupal_7_Configuration__main-dashboard-configuration.png","width":1018,"height":509,"caption":"_main-dashboard-configuration"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/edit-image-display\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to change the user image display style in Drupal 7"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1524\/revisions"}],"predecessor-version":[{"id":85870,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1524\/revisions\/85870"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}