LiveWhale CMS

Welcome, Guest Login

Support Center

Our documentation is moving:

Please check for the most up-to-date LiveWhale CMS and LiveWhale Calendar documentation. The below legacy documentation will remain available as a reference until the documentation migration is complete.

Adding an image to a web page

Last Updated: Jul 10, 2019 01:13PM PDT

You will be redirected shortly...

  1. From the LiveWhale page editor, insert your cursor in an editable region where your image will be placed.
  2. Click the image icon on the page editor WYSIWYG toolbar. This will bring up a list of the images currently uploaded in your LiveWhale group.
  3. Find the image you want to add by searching for it in the “Find images by keyword” box.
  4. You can view only images uploaded in a particular year by using the drop-down to select the desired time frame.
  5. Images shared from other groups will be labeled with a globe icon. If you want to filter out images shared from other groups, uncheck the box labeled “Include shared images”.
  6. Select the image in the left column. 
  7. The right column will contain the image you to insert. Choose a width or height for the image and alignment. The full and half column presets will automatically size the image to fit the region you are inserting it into. You may also provide alt text for the image.


  8. When done, click the “use this item” button.
  9. The image(s) will be inserted into the editable field on your page. You may align it using the alignment buttons in the WYSIWYG toolbar.
  10. Click “save and publish” when you are finished.

Note: If you wish to change or resize the image later, simply double click on it and the insert image screen will reappear with the image you’ve inserted ready for editing.
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found