Add Images/Photos

NOTE: Large (high resolution) images may cause performance issues and could possibly cause other site errors. Try to only upload photos that have a file size of 1MB or smaller, especially when selecting the "original size" option (see below embedding instructions).

You can upload images to the website pages via the "Add Media" button on the editing toolbar:

Optional Styles


There are several optional HTML "classes" available that will change some of the default heading, paragraph, table, and list styling in Open Berkeley. To use these styles, you will need to make edits directly in the HTML source. See Edit the HTML of a page for more information about editing in the HTML source.

Expand/Collapse Content

Site builders who are comfortable editing HTML directly can add expanding/collapsing (accordion) content sections (the expand/collapse functionality is used on this very page!) to any content page or text widget.

Using Siteimprove on an Open Berkeley site

We now have a systemwide contract with Siteimprove, an automated tool for website accessibility, quality assurance, and search engine optimization (SEO). Any site owner can sign up for Siteimprove and begin accessing detailed reports that can help improve all these aspects of their site. Visit the IT Service Catalog for information about enrollment and training.

Add Tables

Tables allow you to display data in rows and columns. They should not be used for page layout. If you need text and images to align a certain way on a page, anyone with the Site Builder role can use Layouts and Widgets to achieve this instead.

How to Add Links

Links can be internal (pages on your website), external (other websites), anchor links (also known as jump links), and attachment links (PDF, Word, etc.).

Links can be added to both text, as well as images. Please see important notes below about both:

Add and Use Headings

Using headings properly can help in creating a semantic, organized structure to your content. If your page content has a lot of sections, each with its own subtitle, you should consider using "headings" instead of simply applying "Bold" or using CAPITAL LETTERS for your section titles.

Create (Accessible) Tables

You can create tables on your Open Berkeley site, and you should make sure that any tables you create are accessible to people with disabilities. Use tables for tabular data, not layout (i.e., do not use a table in order to only display images in rows). See Add Tables for instructions on how to add tables to your site.