Facebook Pixel Text Styles | Western Kentucky University Skip to main content

Text Styles


Through the WYSIWYG editor there are several styles that can be applied to text. Applying these can change your text size, color, and appearance to predefined WKU styles. Use the styles to give portions of text more emphasis, create secondary headers, reduce the importance of some text, and more. Using a thoughtful mix of headers and text styles can set a page apart as well as make it more user friendly and easy to read.

 

Using Text Styles

To apply a text style, in the WYSIWYG editor, enter your text then highlight it. Expand the Styles dropdown menu to the top left of the editor, then choose the style you want to apply to the selected text. The text should change to the selected style instantly, then save your page.

Selecting text and expanding the styles dropdown menu

After applying the Lead text style to the first paragraph.

 


 

Available Styles

Font Sizes

In some cases you may need to increase a font size of some text. Use the Font H1 - Font H6 styles to apply the default heading font sizes to your text. These sizes can be applied to other Headings selected in the formatting dropdown to the left of the styles dropdown. These are not a replacement for headers, only an addition to alter a text's size.

  • Font H1
  • Font H2
  • Font H3
  • Font H4
  • Font H5
  • Font H6
  • Small

 

Colors

While the WYSIWYG editor provides the ability to select any text color, we reccomend that sites stay in the WKU theme and use the provided colors for text.

  • WKU Red Text - Applies the defined WKU Red to any text.
  • Muted Text - Use for less important or secondary text.
  • Success Text - Use to convey success
  • Informational Text - Use to show neutral status
  • Warning Text - Use for text implying a warning
  • Danger Text - Use for error or danger text. Note: this is not WKU Red.

 

Other Styles
  • Lead Text - Make a paragraph stand out.
  • Semi-Bold Text - Creates a lighter weight bold than the default.
  • Small Text - Reduces font size by 85%.

 


 

Examples

Lead Paragraphs

By adding the Lead style to the first paragraph it becomes more eye catching and easier to read.  This allows the reader to identify important information quicker and makes it stand out among other paragraphs.

Before:

Set a goal to graduate! There are many campus services at WKU to help you navigate through college. From studying for your first exam to finding a job after graduation, all you have to do is ask.

A minimum of 120 credit hours is required for all baccalaureate degrees at WKU. To complete in four years (eight semesters with no summer sessions), you must average 15 credit hours each semester. To complete in five years, (ten semesters with no summer sessions), you may average the minimum full time requirement of 12 hours each semester.

After:

Set a goal to graduate! There are many campus services at WKU to help you navigate through college. From studying for your first exam to finding a job after graduation, all you have to do is ask.

A minimum of 120 credit hours is required for all baccalaureate degrees at WKU. To complete in four years (eight semesters with no summer sessions), you must average 15 credit hours each semester. To complete in five years, (ten semesters with no summer sessions), you may average the minimum full time requirement of 12 hours each semester.

 

 

 

Secondary Heading

There may be cases where a heading's text becomes very long or needs a sub-title.  To display this to users combine the small, muted text, WKU Red, and italic styles on the text in the header that you wish to present as secondary.

Unstyled:

Heading and subtitle


Styled:

Heading Subtitle


Styled (WKU Red):

Heading Subtitle

 

 

 


Some of the links on this page may require additional software to view.

 Last Modified 11/10/17