Formatting & Styles


Font Styles

The Styles drop-down menu sets the style of any selected text.  The styles available are configured by the Web Team, and approved by the University Branding Guidelines.  

Note that the Style options function as a toggle menu; to change styles, the user must first de-select the original style choice before selecting the new Style.

Font Styles

Make Image Responsive

This option ensures that the image is responsive, and completely fills the width of the section in which it is located, no matter the size of the section. However this only works on images under the "Insert/Edit Image" pop-up box.

Add Shadow to Element

This option adds a small shadow to the bottom of whatever is selected.

Reduce Elements Opacity by Half

This option makes whatever is selected semi-transparent.

Color Options

This option will change the color of the selected text.  It will not change the color of any text that is a link - link colors need to be changed through the "Insert/Edit Link" pop-up box.


 Editing Image StylesImage Class

To edit or add an image style (or class), the user must do so through the "Insert/Edit Image" pop-up box.  Select the image, and click the "Insert/Edit Image" button on the toolbar.  

Upon opening the pop-up box, select the "Class" drop-down box to select one of the following options:

  • (Not Set) - This default setting removes any class or style from the image.
  • (custom) - This setting allows the user to type in a specific class or style not on the predefined list.
  • Make Image Responsive
  • Add a Shadow to Element
  • Reduce Elements Opacity by half

 


Editing Link StylesLink Class

To edit or add a link style (or class), the user must do so through the "Insert/Edit Link" pop-up box.  Highlight or select the link, and click the "Insert/Edit link" button on the toolbar.

Upon opening the pop-up box, select the "Class" drop-down box to select one of the following options:

  • AU Blue Color
  • AU Gray Color
  • AU Clinical Color
  • AU Athletic Color
  • AU Accent Blue
  • AU Accent Green

NOTE: When changing the color of text and links, be aware of the readability of the page.  Text in multiple colors or colors that are difficult to read may make your page non-accessible.