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 photo which appears in the lower left.
2. In the lower left, find fx Effects > Shadows and select Glow.
3. Change the size to 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 Use in a design.
7. Select Magic Switch 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. The selecton “Continue” and “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-17310″ and replace with style=”height:auto; max-width:100%; border:none; display:block;”
13. In the caption section add the following paragraph tags:<p style=”text-align: center;”> </p>
Here is an example of the full image tag code insertion, on a page with a staff photo:

<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.

Sometimes you may not need to add the paragraph tags and the page might look better without them.

Published July 13, 2023 | Modified on October 30, 2023