919.383.2595

Image Styles

Image Styles

Examples
  • with class 'img-circle' Fall Photo
  • with class 'img-photo' Photo
  • with class 'img-border img-shadow'Photo
  • with class 'img-rounded'Photo
  • with class 'img-polaroid'Photo
  • with class 'img-photo img-rounded'Photo
  • with class 'img-circle img-border img-shadow'Photo
  • with class 'img-pad img-circle img-shadow'Photo

You can apply a style to any photo by adding one or more classes to the image. You can do this using editor by looking at the image properties > advanced tab and adding a class using the classes below. When using the editor, do not include the quotes, and, if using more than one class, leave a space between each.

Available classes
img-circle
Makes square images round and rectangular images rounded (examples below)
img-pad
Adds some white space around the image
img-border
Adds a border around the image
img-rounded
Marks the photo have slightly rounded corners
img-shadow
Adds a drop shadow to the image
img-photo
A combined style that makes the photo have a border, slight padding, and a small shadow.
img-polaroid
A combined style that makes the photo have a border, polaroid style padding, and a drop shadow.