Replace the Instructor Photo on Your Home Page

The Visual Template comes with a pre-styled homepage with pre-selected images. The instructions below will show you how to replace and edit those images. For additional help, you can review CidiLabs page on how to add Teacher and TA details on your homepage .

1

Click the Edit button on the homepage

edit homepage

 
2

Click on your profile image

instructor image

 
3

Click on the Upload / Embed Image button in the toolbar

upload and embed image icon

 
4

Choose the image that you would like to replace with the current one

 
5

Navigate to the crop settings

crop settings icon in tab

 
6

Click Image Ratio and select 1:1

Image Ratio1:1

 
7

Adjust your image as needed

 
8

Click Crop Image

Crop Image

 
9

Change the Width to 128

This will cause the height to automatically change to the same amount as your width

Width 128 Height 128

 
10

Click Upload and Embed

Upload and Embed

 
11

Open Design Tools

Design Tools Rocket Ship icon

 
12

Select the Current Element Style in the navigation

Jump to current element style tab

 
13

Click on your image

 
14

Choose the circle image with the frame

image with circle frame

 
15

Click Left Align

left align

 
16

Click Save

Save