https://demo.ouhsc.edu/Style-Guide Parent Page: Style Guide id: 19973 Active Page: Styling Imagesid:19980

Styling Images in Your Content

To style an image you will need to add a tag.  You will do this in "Image Properties" under the "Advanced" tab.

Once you insert an image you can edit its properties at anytime by right clicking on it (in the advanced content editor) and select "Image Properties".

Image Styles

Stylesheet Classes for Images: 

These classes will be added by going into "Image Properties" and under the "Advanced" tab find the "Stylesheet Classes" text field. 

Align Right add: "img_right"

Align Left add: "img_left

Convert to black and white add: "grayscale"

Example: 

An image aligned to the right with proper margins: "img_right"

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 

Mauris pharetra et ultrices neque ornare. Nisl nisi scelerisque eu ultrices vitae auctor eu augue. Id consectetur purus ut faucibus pulvinar. Lectus mauris ultrices eros in cursus turpis massa tincidunt dui. Turpis egestas sed tempus urna. Massa sed elementum tempus egestas sed sed risus pretium.

Augue ut lectus arcu bibendum at varius. Fringilla urna porttitor rhoncus dolor. Nam at lectus urna duis convallis convallis. Fringilla ut morbi tincidunt augue interdum velit euismod in pellentesque.

  • Mi in nulla posuere sollicitudin aliquam ultrices.
  • Amet tellus cras adipiscing enim eu turpis egestas pretium.
  • Ac turpis egestas sed tempus urna.

Gravida in fermentum et sollicitudin ac orci phasellus egestas. Egestas maecenas pharetra convallis posuere morbi leo.