Web Editing Guide

These pages provide guidance on managing the different kinds of content that make up the new Sweet Briar College website, using the LiveWhale content management system.

In this section of the site you’ll find guidance on adding stories, events, images and galleries, announcements, forms, and more. If all you need to do is log in and edit a page, that’s easiest of all; those details are below.

More general information is available in LiveWhale’s support documentation

Logging In

Log in at https://www.sbc.edu/livewhale/ using your Sweet Briar network username and password.

Once logged in, you can start editing pages and creating content.

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. 

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!

Saving Changes

When you click Save and Publish, your changes will be saved and published immediately. Click Save Draft to save a draft and resume work later without publishing. 

Upon returning to edit, you will be prompted whether you wish to resume editing the draft or edit the live copy.

You can show a preview of the drafted content to other users, whether they’re LiveWhale users or not. On the page history screen, find the public preview url associated with any drafted revision.

Text Editing

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

 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 Sweet Briar site, an outside URL, one of your files, or an anchor link on this page (see below).
  • 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).
  • Clear Formatting: This button will clear most formatting from pasted text. (Note that on most computer platforms you can paste content as unformatted text with Command-Shift-V or Control-Shift-V.)
  • 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/outdent 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
    • Content Layout: Add a formatted area in the page where you can add customized content
    • 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
    • Files: Add a file

More formatting buttons:

  • Undo/Redo
  • HTML Source: Edit the HTML source of the editable region you’re in.
  • Horizontal Rule: Add a horizontal rule below your content area.

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.

Accordions

You can add an accordion to the page by selecting Insert -> Content Layout, and choosing Accordion. Use the tab button to add a new accordion section.

Tables

Tables are useful for displaying complex data on your website. Do not use tables for layout. Headings can be placed in the left column or along the top. Make sure they have the heading styles applied (header 2 - header 6 can be used).