Stanford
Stanford Sites User Guide

Image Styles

When adding an image using Text Area paragraph, images will be center aligned by default. In order for images to float to the right or left of your content, there should be enough content to fill the width of the screen.

Default 

Large (480 x 240)

Web Services team members in a meeting with remote employees

Large Square (480 x 480)

Web Services team members in a meeting with remote employees

Medium (220 x 110)

Web Services team members in a meeting with remote employees

Medium Square(220 x 220)

Web Services team members in a meeting with remote employees

Circle

Web Services team members in a meeting with remote employees

Thumbnail

Web Services team members in a meeting with remote employees

Center Align

Web Services team members in a meeting with remote employees

Left Align with text

Web Services team members in a meeting with remote employees

Fusce neque. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede.

Right Align with text

Web Services team members in a meeting with remote employees

Quisque malesuada placerat nisl. Vestibulum volutpat pretium libero. Duis vel nibh at velit scelerisque suscipit. Fusce risus nisl, viverra et, tempor et, pretium in, sapien. Donec vitae orci sed dolor rutrum auctor.

None Align

Web Services team members in a meeting with remote employees

 

Caption

Web Services team members in a meeting with remote employees
The Web Services team in meeting with remoties

Alternative image styles

Not every image you want to display will be square or have 2 x 1 aspect ratio. To upload images of other sizes, you'll need to

  1. use the WYSIWYG in a Text Area, and
  2. select a Display that is un-cropped.
Along with Default, there are three size options for un-cropped images.

These un-cropped options allow variety in the aspect ratio of your image. If none of the un-cropped options work, you can also edit the image to the size you need, upload it, and display it using Default.

Narrow image example

The Display selected for this narrow image is: Medium (220px wide, un-cropped)

Note: these image styles are only available in text areas