Skip to main content

How to update the image layout in a staff spotlight post

1. Upload the photo to Canva and click on Edit image.
2. In the lower left, find fx Effects > Shadows and select Glow.
3. Continue to scroll down on the left and check that the size is 15.
4. Change the Blur amount to around 15-25. Use your discretion as you view the spacing around the image.
5. Change the Intensity to 75.
6. Click on Create design.
7. Select Resize in the upper left navigation and scroll down to select “Custom size.”
8. 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.”
9. Drag the left purple border as close to the image as possible while still including the blurry glow.
10. Then right click on the photo and select Align to page –> Left
11. Save your image by clicking Share on the upper right > Download > Select Transparent background > Select Compress file (lower quality).
12. Upload the photo in the Media repository and add a Caption: Staff name, title.
13. In your news post, click on the top of your page, and click Add media. Select the photo: Alignment: Right, Size: Full size. Select Insert into post.
14. In the html (Text tab of the post) remove class=”size-full wp-image-#####” and replace with style=”height:auto; max-width:100%; border:none; display:block;”

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

Sample page: Catharine Tarquinio’s staff spotlight.

Published July 13, 2023 | Modified on July 22, 2025