Editing Images in BaseKit

As of June 19, 2013, BaseKit is not available on new Shared accounts; however, Weebly Web Builder is offered as a replacement.

Part 8 of 14 of the BaseKit Getting Started Guide

In this article we cover:


Upload

You have four options for uploading:

  1. Quick Upload: Double click on the image, click "UPLOAD" link in the bottom left of the pop up, and choose the images you'd like to add from your local computer. You can select up to 5 at a time.
  2. Media Tab: Click the Media Tab in the left Design management column. Click 'ADD' to choose the images you'd like to add from your local computer. You can select up to 5 at a time. Then just drag the image you want to the image in the template to replace.
  3. Single click the image, and click the "+" icon to upload.
  4. You can also upload a new image at the same time you add an image widget to your page. The video tutorial in the article Working with Images in BaseKit covers uploading a new image as you add an image to your page.

File:Img_icons_plus.png


Add Images

To create a new area for an image, just drag the Image widget and drop it in the location of your choice. The Image widget is on the Widgets tab (bottom half of left Design bar), in the Basics section.

File:Image_drag.png

The video tutorial in the article Working with Images in BaseKit covers adding a new image to your page.


Change Images

To change an image to a new image:

  • Doubleclick the image to open the media library's image choices. Click the new image you want to use.


Resize Images

File:Img_icons_reset.png

To resize an image:

  • Click to select the image. Resizing boxes will appear around the edge of the image. Click and drag those boxes until the image is the desired size.
  • Reset your changes back to the original size by clicking the refresh button.


Move Images

File:Img_icons_move.png

To move an image:

  • Click to select the image. The options for the image will appear over the top left corner of the image. Click on the arrow icon to enter Move mode, then just drag the image to the desired area. Guide lines will appear to make the image easy to align with existing sections of the page.


Edit Image Settings

File:Img_icons_gear.png

To edit an image’s settings, click to select the image. The options for the image will appear over the top left corner of the image. Click the gear icon to open the Settings/CSS editor. This will allow you to change the viewable size of the image, add a link, alt tag or title tag, or even add rollover or lightbox effects.

For more details on how to change the image settings (also known as image attributes), please read our article on:


Delete Images

File:Img_icons_delete.png

To delete an image:

  • Click to select the image. The options for the image will appear over the top left corner of the image. Click the red X icon over the top left corner of the image.

BaseKit Getting Started Guide

< Editing Text | Widgets >