1. Upload an Image to a Page
  2. Add a Description/Caption to an Image
  3. Embed Image into Text Block
  4. Resize an Image
  5. Fixing a Rotated Image
  6. Add/Remove Image Comments
  7. Add an Image Gallery

Upload an Image to a Page

1. Go to the Edit Content View of a Page

2. Select the Image block you would like to use from editing bar on the left side of the screen.

3. A popup box will appear.

4. Click on the box beside the Upload file agreement.

5. Click Choose files or Browse.

6. Browse your computer for the file you would like to upload. Click Open.

7. Scroll down, click Save.

Add a Description/Caption to an Image

Note: You must add an image to cuPortfolio before you can add a description

1. Click on the Edit button once it is listed.

2. Add a description.

3. Press Save changes.

4. Scroll down to click the box Show description.

5. Click Save.

Embed Image into Text Block

The simplest way of adding an image to a page on cuPortfolio is to use the Image block. The instructions below show you how to embed an image within a text field on cuPortfolio if you are not satisfied with the Image block option.

1. Go to the Edit Content View of a page where you would like to add the image into a text field.

2. Add a Text box or Blog entry.

Note: to edit a Blog entry you have already created, you must go to the blog location (Dashboard ➜ Content tab ➜ Blogs ➜ Edit blog entry button)

3. Click the Insert/edit image button in the text editor.

4. Click on the box beside the Upload file agreement.

5. Click Choose files or Browse.

6. Browse your computer for the file you would like to upload. Click Open.

7. To arrange the layout of your image, you may want to expand the text field. To do this:

a. Select the Toggle toolbar button.

b. Select the Full screen button.

8. You can resize the image by pulling the corners of the image.

Resize an Image

An image will fit the size of the column/row that you place it in. The easiest way of changing the size of an image is to change the layout of your page to accommodate the size of image you would like.

For example:

  1. You upload a photo and it is displayed larger than you would prefer.

Change the layout to have a smaller column for the image to fit into:

The image is automatically resized to fit the block it is placed in:

The other option is the resize the photo manually. This only works to shrink the size of a photo, not enlarge. To do this:

1. Open the settings of the image.

2. Scroll down to the Width option.

3. Change the pixel size. It takes a bit of trial and error. Pick a number lower than 1024 (this is the maximum width of your image in pixels) and see if you like the size that it was shrunken down to.

4. Press Save.

Fixing a Rotated Image

To fix an image that has rotated after you’ve uploaded it, complete the following steps:

  1. Re-open the image block by clicking on the settings cog icon.
  2. Scroll down to the list of images below the file upload area and click on the pencil icon to edit your image which has rotated.
  3. A few editing options will appear and you will see the rotate icon to the right of the image preview. Click it until your image is upright.
  4. Click ‘Save changes’.
  5. Click ‘Save’.

Add/Remove Image Comments

1. Go to the Edit Content View of a Page

2. Upload a photo or open the image block of an image you have already added to your page (to open an image block, click on the settings gear button of the block).

3. In the image Configure pop-up box, scroll to the Home heading. Click on the pencil button of the image you would like to add/remove the comments box from.

4. Switch the Comments box to ON or OFF.

5. Press Save changes.

Add an Image Gallery

1. Go to the Edit Content View of a Page.

2. Under Media, drag the Image Gallery block into the page.

3. Add a title for your gallery.

4. Choose your image selection. Note: when you select ‘Choose individual images to display’ you can select from images previously uploaded and/or upload new ones.

5. Check the File Upload Agreement box to be able to upload files.

6. Click on the check mark next to each of the photos you want to add to your gallery. Note: you can check as many as you would like.

7. Select the style of gallery.

8. Click ‘Save’.

9. This is what the gallery looks like before being clicked on to view as a slideshow:

10. Once clicked on, this is the view of the image gallery, displaying the images in full size (the size they were uploaded):

Was this page helpful?

4 people found this useful