Webmaster's Blog

How to Create an H2 Graybar

A graybar style can be applied to an H2 heading by using the following code in ePhox code view:

<h2 class="graybar">Graybar Heading</h2>

A short graybar will be shown if you are using an H2 heading in the left column or right column of your Generic page. A long graybar will be shown if you are using a heading in the body of a Generic web page. Examples of both follow. “VP For Research Office Funding Opportunities” is the first H2 graybar heading. “Resources and Information” is the second H2 graybar heading.

Short H2 graybar

Above is an example of a short H2 graybar; used in the left and right columns

Long <h2> graybar

Above is an example of a long H2 graybar; spans the width of an entire body area

Note: the heading text appears in all capitals automatically; you do not need to type it out in all caps.

This entry was posted by Joel Vertin on Tuesday, October 13th, 2009 at 9:41 am and is filed under CMS, Styles, Text.

Marketing and Communications

Administration Building G13
1400 Townsend Drive
Houghton, Michigan 49931-1295

Ph. 906-487-2354
Fax: 906-487-3553
Email: umc@mtu.edu

Michigan Technological University

1400 Townsend Drive
Houghton, Michigan 49931-1295
906-487-1885

See a Problem?

Email the Webmaster

Protected by Akismet | Blog with WordPress