Skip to Main Content
You are in the main content


Inserting a photo with a cutline

This tutorial will show you show how to insert an image with a cutline to a news item. However, you can apply this tutorial to other content types such as stories, profiles or tutorials.

When editing your news item, for example, do the following in the WYSIWYG editor. 

1. Type “IMAGE” then press Shift Enter (at the same time) and type the text that will be the cutline.  Next, press Enter and start typing your article.

Stage one of cutline tutorial, screen shot of instructions

2. Highlight the IMAGE and cutline text with your mouse. 

Stage two of cutline tutorial, screen shot of instructions

3. Select photowithcutline from the Styles drop down menu.

After clicking photowithcutline from the menu, you should see something like the image below where the IMAGE and cutline text appears on the right-side of the screen (initially it will still be highlighted. Please click off of the selection so the highlight disappears):

Stage three of cutline tutorial, screen shot of instructions

4. Highlight the cutline text and from the Styles drop down menu, select cutline.

Stage four of cutline tutorial, screen shot of instructions

Upon clicking cutline from the Styles menu, you should see something like this on the right side of the screen:

Stage five of cutline tutorial, screen shot of instructions

Next, highlight the word IMAGE by double-clicking it and then go to the insert image button in the editor and click it.

Stage six of cutline tutorial, screen shot of instructions

5. Select an already uploaded image of appropriate size, fill out the Alternate (Alt) text and click Insert. 

Stage seven of cutline tutorial, screen shot of instructions

After pressing submit, you should see something to this:

Stage eight of cutline tutorial, screen shot of instructions