{"id":1734,"date":"2026-02-16T22:32:23","date_gmt":"2026-02-17T03:32:23","guid":{"rendered":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/?page_id=1734"},"modified":"2026-06-07T14:59:01","modified_gmt":"2026-06-07T19:59:01","slug":"how-to-update-the-image-layout-in-a-staff-spotlight-post","status":"publish","type":"page","link":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/","title":{"rendered":"How to update the image layout in a staff spotlight post"},"content":{"rendered":"
\n\n
\n \n
\n
\n
\n
\n\t\t\t\t

How to update the image layout in a staff spotlight post<\/h1>\n\n<\/div>\n\t\t\t\t
<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<\/div>\n\n <\/section>\n\n\n
\n\n
\n \n

1. Upload the photo to Canva and click on Edit image<\/strong>.
\n2. In the lower left, find fx Effects<\/strong> > Shadows<\/strong> and select Glow.<\/strong>
\n3. Continue to scroll down on the left and check that the size is 15.
\n4. Change the Blur amount to around 15-25. Use your discretion as you view the spacing around the image.
\n5. Change the Intensity to 75.
\n6. Click on Create design.<\/strong>
\n7. Select Resize<\/strong> in the upper left navigation and scroll down to select “Custom size.”
\n8. Click the lock icon next to the “px” dropdown, to lock the aspect ratio and then make the width of the image 450 pixels. Then select “Resize this design.”
\n9. Drag the left purple border as close to the image as possible while still including the blurry glow.
\n10. Then right click on the photo and select Align to page<\/strong> –> Left<\/strong>
\n11. Save your image by clicking Share<\/strong> on the upper right > Download<\/strong> > Select Transparent background<\/strong> > Select Compress file (lower quality). <\/strong>
\n12. Upload the photo in the Media repository and add a Caption: Staff name, title.
\n13. In your news post, click on the top of your page, and click Add media<\/strong>. Select the photo: Alignment: Right<\/strong>, Size: Full size<\/strong>. Select Insert into post<\/strong>.
\n14. In the html (Text tab of the post) remove class=”size-full wp-image-#####”<\/strong> and replace with style=”height:auto; max-width:100%; border:none; display:block;”<\/strong><\/p>\n

<img src=”https:\/\/it.rutgers.edu\/wp-content\/uploads\/2023\/10\/catharine-tarquinio-spartan.png” alt=”” width=”450″ height=”300″ style=\u201dheight:auto; max-width:100%; border:none; display:block;\u201d \/><\/p>\n

Sample page: Catharine Tarquinio’s staff spotlight<\/a>.<\/p>\n<\/div>\n\n <\/div>\n\n <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":992,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"page-category":[],"class_list":["post-1734","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHow to update the image layout in a staff spotlight post - Rutgers IT Site Documentation<\/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:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to update the image layout in a staff spotlight post - Rutgers IT Site Documentation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/\" \/>\n<meta property=\"og:site_name\" content=\"Rutgers IT Site Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-07T19:59:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-image-layout-in-a-staff-spotlight-post\\\/\",\"url\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-image-layout-in-a-staff-spotlight-post\\\/\",\"name\":\"How to update the image layout in a staff spotlight post - Rutgers IT Site Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/#website\"},\"datePublished\":\"2026-02-17T03:32:23+00:00\",\"dateModified\":\"2026-06-07T19:59:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-image-layout-in-a-staff-spotlight-post\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-image-layout-in-a-staff-spotlight-post\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-image-layout-in-a-staff-spotlight-post\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Rutgers IT Site Documentation\",\"item\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to update the image layout in a staff spotlight post\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/#website\",\"url\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/\",\"name\":\"Rutgers IT Site Documentation\",\"description\":\"A Rutgers IT Service\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to update the image layout in a staff spotlight post - Rutgers IT Site Documentation","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:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/","og_locale":"en_US","og_type":"article","og_title":"How to update the image layout in a staff spotlight post - Rutgers IT Site Documentation","og_url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/","og_site_name":"Rutgers IT Site Documentation","article_modified_time":"2026-06-07T19:59:01+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/","url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/","name":"How to update the image layout in a staff spotlight post - Rutgers IT Site Documentation","isPartOf":{"@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/#website"},"datePublished":"2026-02-17T03:32:23+00:00","dateModified":"2026-06-07T19:59:01+00:00","breadcrumb":{"@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-image-layout-in-a-staff-spotlight-post\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Rutgers IT Site Documentation","item":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/"},{"@type":"ListItem","position":2,"name":"How to update the image layout in a staff spotlight post"}]},{"@type":"WebSite","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/#website","url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/","name":"Rutgers IT Site Documentation","description":"A Rutgers IT Service","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/users\/992"}],"replies":[{"embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/comments?post=1734"}],"version-history":[{"count":2,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1734\/revisions"}],"predecessor-version":[{"id":1798,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1734\/revisions\/1798"}],"wp:attachment":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/media?parent=1734"}],"wp:term":[{"taxonomy":"page-category","embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/page-category?post=1734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}