Editing Images
(View video tutorials for BaseKit Website Building Program)
- Uploading Images
- Add Images
- Change Images
- Resize Images
- Move Images
- Edit Image Settings
- Delete Images
Upload
You have three options for uploading:
- 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.
- 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.
- Single click the image, and click the "+" icon to upload.
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. See below:
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
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
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
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:
Reset Size
Choose a new width and height for your image. To disable constrained proportions, click the lock icon. Click the Refresh button to reset to the original image size.
Add Link
Choose linking options when clicking this image.
- Internal link - takes you to another page on your site
- External link - takes you to a page off your site
- Link options - allows you to open your link in same window or a new window
Alt Tag
Set what text appears if the image cannot be displayed
Title Tag
Set what text appears when you hover over the image
Rollover Image
Drag an image from the Media Gallery to set an image to appear when your mouse rolls over your image.
Lightbox Image
Drag an image from the Media Gallery to set an image to open in a "lightbox"- an overlay of the image in your current browser window.
Delete Images
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.