Editing pictures

It is possible to resize your pictures in two ways:

Using Aviary  

Aviary is a powerful image manipulation tool which is integrated into the Sitebuilder. 

When you edit your images with Aviary one of the options available is "Resize". You can type in the new image dimensions and then save your picture to your File Manager. If you would like to edit your image using the Aviary option, these are a couple of ways to do this:

Option 1: If you have used a Picture widget

1. Mouseover the picture you wish to edit and click on the blue pencil icon on the top right-hand corner or click Edit on the top left corner.

User-added image

2. A dialog box will open up.

3. Click the Edit With Aviary button and you will go through to the photo editing dialog box.

User-added image

4. Click Resize.

User-added image

5. Enter your new dimensions. If you wish to retain the proportions, the lock icon needs to be blue. If you wish to enter your own custom dimensions, click on the lock icon to unlock this and it turns gray. Then enter your desired dimensions.

User-added image

6. Click Apply.

7. Click Save.

Please note: This will overwrite your existing file in your File Manager.

Option 2: If you have added a picture using a Text widget

1. Click Files.

User-added image

2. Hover over the image and click on the "pencil" icon at the bottom left corner of your image. Alternatively, you can right-click on the picture and select Edit with Aviary. Both options will take you through to the photo editing dialog box.

User-added image

3. Follow Steps 4 - 7 as outlined above.

While the picture is on your page

After adding the picture to your page, use the Columns widget to control the width in conjunction with the blue Relative Height resizer handle to control the height of your photo.

  1. Go to Widgets. 
  2. Select Popular from the drop-down menu.
  3. Drag and drop a Columns widget onto your page.
  4. Drag your photo into one of the columns and drag the middle axis bar to the right or left to increase or decrease the width of your picture.
  5. When you mouseover your image, click on the blue Relative Height resizer handle (a blue dot at the bottom of your image). Drag this up or down to increase or decrease the height of your picture.  
  6. You can also change the focal point of your picture by mousing over your picture and clicking on the “Focal Point” circle located in the middle of your picture and dragging it to its new location.

It's easy to take your business online with Yola.