Editing Pages

Editing webpages in LiveWhale couldn’t be simpler. Once you’re logged in, just visit the page you want to edit, click Edit Page, make your changes, and you’re done.

Editing website pages using the LiveWhale CMS is simple—if you can use Word, you can edit pages! Of course, there’s more you can do on a page besides just edit text, but we’ll cover the basics below.

Editing Your Page

Whenever you’re on a page that you have the permission to edit, you’ll see an Edit Page link at top left. Click it, and the editable parts of the page (which are predefined by your template type) become editable. Make sure to add text into the editable introduction!

If you don’t see the Edit Page link, then you don’t have permission to edit that page - but you can always leave a note for the page’s editor using the Notes tab, and they’ll be emailed right away!

Text Editing

When you click into a highlighted content area, you’ll see an editing toolbar:

The editing toolbar in LiveWhale.

Descriptions for each of the toolbar buttons are below.

Text formatting buttons (from left):

  • Bold, italic, underline: Pretty self-explanatory; these work just like similar buttons in other programs.
  • Link: Select some text and then click this button to create a link.  You can link to a page in your own site, a page elsewhere on the Emory & Henry site, an outside URL, one of your files, or an anchor link on the same page.
  • Unlink: To remove a link, select the text and click this button.
  • Anchor: This button creates an anchor (“jump link”), which you can link to with the Link button.
  • Formats: This dropdown includes a list of customized text styles that you can use while editing text.
  • Paragraph, Heading 2, etc.: This dropdown shows block formats, primarily headers and paragraphs. To create subheaders, choose the appropriate header for the context (preview size is shown in a dropdown menu).
  • Bullets and Numbered Lists: Click and hold to see other list style options.
  • Table: Add and modify tables. To create a table with borders, add a table, go to the Formats menu, and select Data table. Within a table, right-clicking (or control+clicking) will show additional cell options.
  • Justification: Right, center, or left align text.
  • Indent/Outdent: Indent your content from the left margin.

Add content buttons:

  • Add image: Displays the images in your image library for quick placement on your webpage.  You can also upload images directly from your computer using this button.
  • Insert: This button opens a dropdown with more options for adding page content:
    • Widget: Add a feed of your dynamic content
    • Accordion List: display multiple sections of content in a clean layout that expands.
    • Video/Media: Add a URL for any Web video (YouTube, Vimeo, etc.) and it will be automatically embedded on the page.
    • Slideshow: Add a quick slideshow version of one of your Galleries
    • Blurb: Add one of your blurbs
    • Form: Add a form

More formatting buttons:

  • Undo/Redo 
  • HTML Source: Edit the HTML source of the editable region you’re in.
  • Blockquote: use for quotes to set them off from regular page text.

Use for quotes to set them off from regular page text. It will look like this.

Line breaks:

For shorter line breaks–
like this one! - you can press Shift+Enter while editing paragraph text. This is often useful for addresses or other contact information.